Skip to Content

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

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,


Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

2 Answers

  • 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



    Add comment
    10|10000 characters needed characters exceeded

  • Jul 27, 2017 at 05:22 AM

    Can we do without customizing the theme??

    Add comment
    10|10000 characters needed characters exceeded