Show TOC

UI Theme Designer Locate this document in the navigation structure

Using UI theme designer you can create your own themes to adapt the visual appearance of applications.

One single tool for theming and branding SAP’s key user interfaces

Apply your corporate branding and look to applications built with SAP UI technologies. The UI theme designer is a browser-based tool for cross-theming scenarios. Use it to easily build your corporate identity themes by modifying one of the theme templates provided by SAP. For example, you can change the color scheme, or add your company's logo. The tool is targeted at different user groups, including developers, visual designers, and administrators.

To get an impression of how UI theme designer helps you provide a seamless and delightful experience for your users across different UI technologies, watch this video:

UI Theme Designer - Brighten Your BusinessInformation published on non-SAP site

Key Features and Benefits
  • Browser-based, graphical WYSIWYG editor:

    Change the values of theming parameters and immediately see how it affects the visualization of the selected preview page.

  • Build-in preview pages:
    Select built-in preview pages to see what your custom theme will look like when it is applied to an application:
    • Application previews (for example, Purchase Order Approval, SAP Fiori launchpad)
    • Control previews
  • Different levels of theming:
    • Quick theming (basic cross-technology theme settings)
    • Expert theming (technology-specific theme settings)
    • Manual LESS or CSS editing
  • Color palette for reuse:

    Specify a set of parameters with the main color values defining your corporate branding

  • Control picker:

    Simply select controls in the preview page to display a list of parameters that can be used to change its appearance.

  • Cross-technology theming:

    Create one consistent theme that applies to various SAP UI clients and technologies:

    • SAPUI5 standard libraries (including SAP Fiori applications and SAP Fiori launchpad)
    • Unified Rendering technologies (such as Web Dynpro ABAP and Floorplan Manager)
    • SAP Business Client
Note The supported features are dependent on the platform used to run the UI theme designer. For an overview of platform-specific features, see published on SAP site.
Table 1:

SAP UI client or technology

UI parts that can be themed

Web Dynpro ABAP

You can theme applications that do not use the following UI elements:







You can only consume themes created with the UI theme designer for Web Dynpro ABAP applications as of SAP NetWeaver 7.0 EHP2.

Floorplan Manager for Web Dynpro ABAP (FPM) You can theme applications that do not use HTMLIslands or Chart UIBBs.
SAPUI5 You can theme SAP standard libraries. Custom SAPUI5 libraries cannot be themed.
SAP Business Client (NWBC)
  • NWBC for Desktop (4.0 or higher): You can theme NWBC shell and overview pages (index page, new tab page, service map).
  • NWBC for HTML (3.6): You can theme the service map. The shell cannot be themed.