Show TOC

Publishing ThemesLocate this document in the navigation structure

Once you have finished editing your theme, you need to build CSS files so the theme can be applied to an application.


A theme consists of LESS files and resources (for example images). During the build process, CSS files are generated from the LESS files. After the CSS generation, your theme can be applied to a running application.


  1. Choose Start of the navigation path Theme Next navigation step Save&Build End of the navigation path.
  2. In the Save&Build dialog box, provide the following:
    Parameter Description Values
    Theme ID

    The ID which applications can reference to invoke the theme, for example using the sap-theme URL parameter.

    • Only alphanumeric characters are allowed.
    • Must not start with "SAP".
    Title (Optional)

    The theme name that will be displayed in the theme list on the start screen after the theme.

    Must not start with "SAP".
    Vendor (Optional)

    The name of the company that acts as the vendor of the theme.

    Must not start with "SAP".
  3. Decide whether you require a Right-to-Left (RTL) version of your theme.
    Right-to-left languages, such as Hebrew and Arabic, require different stylesheets and images than left-to-right (LTR) languages.

    Mark the Create RTL theme checkbox to create stylesheets for both LTR and RTL languages.

  4. Choose Save&Build.


Your theme can now be applied to a running application.

For more information, see Set Themes.

When you restart the UI theme designer, your theme is displayed in the list on the start screen.

You or other users can select the theme. You have the following options:
  • To make further adjustments to the theme, choose Open.
  • To use the theme as a template to create another theme, choose Copy.