Search code examples
authenticationbackgroundthemessap-commerce-cloudbackoffice

Customize Hybris Backoffice login Theme

Anyone has an idea about how to change the default Backoffice Login Theme (Color, Background and image or any of these) ?

It could be helpful if you point out the file(s) responsible for this, or a specific way to customize it. Using Hybris 6.0 or later.

Solution

  • Replacing Styles of Backoffice Application :

    It is possible to replace the standard look and feel of the Backoffice Application. In other words, you can change the style sheet used in login page and main application pages including all components.

    Files responsible for changing Backoffice main page style are located in the following key properties :

    backoffice.cockpitng.mainpage.css=/cng/css/mainpage_whitelabel.css
backoffice.cockpitng.loginpage.css=/cng/css/loginpage_whitelabel.css
backoffice.cockpitng.overridewidgetsandeditors.css=/cng/css/customWidgetsAndEditors.css

    For more about this topic, you can visit this link.