SAP Fiori Theme Designer - App-specific Theming

[Former Member]

Hi all,

I have a question about the creating of SAP Fiori themes.

Is it possible to create a specific theme for each Fiori application?

We implemented among others the SAP Fiori App "My Leave Requests" and "My Team Calendar".

Currently we want to change our corporate SAP Fiori theme with the CSS editor, because the current colors don`t match with the SAP Fiori App "My Leave Requests".

So far everything worked. But the problem is, that of course the new theme apply to all other SAP Fiori apps and the new colors don`t match everywhere, for example in the SAP Fiori App "My Team Calendar".

Is there any chance to create a application-specific theme?

Thanks a lot!

Best regards

Maximilian Haala

[LeonardoGomez · Accepted solution]

Hi Maximilian,

Some apps have a manifest.json file where you can change themes.

For others you can change the component.js file

BUT, the theme should be the same for all apps, if you don't explicitly change it inside the app. There is a Fiori design principle called "Coherence" in which all apps should look the same. So it's better to select one theme as the default and use it for all apps. It can be the case where you want to use more than one theme depending on the user, in that case you can use the "sap-theme=<theme ID>@<theme-root>" paramter in the launchpad url.

Check out transaction /n/UI5/THEME_TOOL to get theme ids and theme roots.

Cheers,

Leonardo.