Skip to Content

Applying different background-color after changing the theme in user preferences on Fiori Launchpad

Jul 27, 2017 at 03:23 AM


avatar image

Hi all,

I am a new bie to Fiori..!!

I have a requirement where I need to change form background to white for blue crystal theme on Fiori Launchpad. I tried two different approaches:

  • Tried to apply the background color using the Less parameters which are causing issues in other themes as the background is remaining same for other themes as well.
html[data-sap-ui-theme = "sap_bluecrystal"]{ background-color = white; }
  • Am able to apply the background when I am loading the application or reloading after the user made changes to the theme in the Fiori Launchpad Menu using the following code:
var UserInfo = sap.ushell.Container.getService(“UserInfo”);
var User = UserInfo.getUser();
var Customtheme = User.getTheme();
if (Customtheme === “sap_bluecrystal”) {
} else {

I need to capture the theme when the user has changed the theme on Fiori Launchpad Menu (User preferences).

Please suggest me on it?

Thank you,


10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Sharath M G Jul 27, 2017 at 05:17 AM

To change the background in the "Blue Crystal" theme, use the Theme Designer tool.

Create a copy of bluecrystal theme and modify the colors and other properties of the theme.

Refer to SAP UI Theme Designer on



10 |10000 characters needed characters left characters exceeded
Sri Divya Jul 27, 2017 at 05:22 AM

Can we do without customizing the theme??

Show 1 Share
10 |10000 characters needed characters left characters exceeded

That's not the recommended way to do it.