User Interface

Regardless of the SAP C4C User Interface, custom styles can be applied to the b+s Connects for SAP C4C Gadget.

Default colors

b+s Connects for SAP C4C uses the SAP Fiori 3 brand colors:

Main color (#354a5f):

Secondary color (#0a6ed1):

Custom colors

Via the configuration, it is possible to provide one custom main and one secondary color:

Configuration

Change the gadget URL in the Live Activity Configuration to contain &mainColor=388e3c to change the main color to #388e3c. To change the secondary color add &secondaryColor=1976d2 to change the secondary color to #1976d2.

caution

Do not provide a # in front of the color

Color theme

To save eyes from fatigue, the color schema can be switched between light mode (default) and dark mode.

When using the light mode, the gadget will be displayed like this:

When using the dark mode, the gadget will be displayed like this:

Configuration

Change the gadget URL in the Live Activity Configuration to contain &snColorTheme=dark in order to switch the color theme to dark.