Skip to Content

Putting fiori theme to sap ui5 application.


I would like to ask a question about custom theming.

First of all, i'll explain, what I have done.

Theme Designer:

In Theme Designer, we opened sap_belize theme. We change a default value and saved the them as zcustom_belize. Afterwards used for the theme we changed some colors & we saved & build the custom theme. The app, that we designer is the fiori launchpad.

Now starting the fiori launchpad & fiori apps that are delivered by sap, the theme is loading like its set up in theme designer.

So for standard stuff its working fine.

We've then created a custom fiori application (master/detail template), using a simple oData service & the app works like we want except for the theming part.

we have the behaviour in launchpad, that the shell is applying the custom theme but the custom application is still in the sap_belize theme.

what we also did was downloading the theme using /ui5/theme_tool, adding it in the resource folder of the ui5 project, change the theme parameter data-sap-ui-theme and upload the project using the ui5 upload report. but then no theme is applied at all.

Kindly suggest whats need to be done to make it working.


Chandrashekhar Mahajan

Robin van het Hof

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Oct 10, 2017 at 08:59 AM

    Try once by modifying all the values as per your custom theme in the theme designer. As per what I understand, you might have missed to do some modifications when you created your custom theme for the first time. Maybe something you missed is required for the theme to be applied on the launchpad.

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 11, 2017 at 11:26 AM

    Ideally, if any theme parameter is applied, it should take up the theme in which Fiori launchpad is assgined.

    To run your app with custom theme, you need to provide the custom theme as a parameter by copying the full link in the UI5_Theme_tool.

    First, run the app with the custom theme as a parameter and confirm if the theme is getting applied. Once you confirm that link the same in launchpad and test.



    Add comment
    10|10000 characters needed characters exceeded

    • Don't download the theme into your project and refer it

      It is a temporary solution and not recommended in real time usage. You should refer to the theme on the server.. using the link in theme tool.

      Are you using FLP 2.0? Share some screenshots .. if any especially with errors