Changing the Main Parameters Using Quick Theming

Using the quick theming mode, you can easily change color scheme, background image or logo.

Prerequisites

You have selected a theme as the base of your theme and an application for the preview.

Context

Quick theming allows some sweeping high-level changes that are very robust across UI technologies and versions thereof.

Procedure

  1. In the panel on the right, choose to open the Quick tab.
    The following parameters are displayed along with the current value:
    Parameter Description
    Background Color The main background color of the screen.

    Background Gradient Color

    This parameter only has an effect on SAP Blue Crystal.

    The color which is used as base for the background gradient. It only applies when the background color is not modified.
    Base Color The color which is used to derive the most dominant colors.
    Brand Color The color which builds your brand.

    For example, this parameter defines the color of the thin line in the header bar of the SAPUI5 Gold Reflection shell.
    Highlight Color The color which is used to highlight screen elements

    For example, this parameter defines the color of buttons on hover.
    Shell Header Color

    This parameter only has an effect on SAP Gold Reflection and SAP Corbu.

    The color of the shell header bar.
    Link Color The color of the link text.
    Text Color The default color of screen texts. Some controls may override this.
    Background Image The URL to the image which is shown as background. Note that for SAPUI5, this parameter only works for applications that use the shell.
    Company Logo The URL to a logo image (e.g. company logo).

    Note that this parameter only affects the logo of the SAPUI5 shell but not the logo of the SAPUI5 ApplicationHeader control.
    Background Opacity Defines the opacity of the global background image of a SAPUI5 application. A lower value will make the image less transparent.
    Background Repeat Defines whether the global background image of a SAPUI5 application should be repeated. The possible values are true and false.
  2. Change the parameter values according to your needs.
    The preview is automatically adjusted once you have selected a new value.