CI Customization

You can customize the look and feel of SCA to align with your corporate identity.

Customization Options

You can adjust the following elements:

  1. Highlight color for buttons, switches, and page elements

  2. Company logo used across different parts of the app

circle-check

1. Highlight Color

The highlight color defines the look of primary buttons, switches, and UI accents.

You can configure it using the following AppConfig parameters:

  • HighlightColorLightMode_Option – set the highlight color for Light Mode

  • HighlightColorDarkMode_Option – set the highlight color for Dark Mode

  • HighlightColor_Option – set a single color applied to both Light and Dark Mode

Format

The color value must be provided as a hex string (e.g., #FF0000 for red or #009FE3 for blue, etc).

If configured, your company logo will appear in the following places:

  1. Loading page

  2. vCard QR code

  3. License page

AppConfig used for this screenshot: HighlightColor_Option = "#F39200" and CDImageUri_Option = "https://provectus.de/.../logo.png"

Configuration

Set your logo using the AppConfig parameter: CDImageUri_Option

This must be a publicly accessible image URI (e.g., hosted on your company’s web server).

  • The app checks for a new logo at each login.

  • If a new image URI is configured, the logo will be downloaded and cached locally.

  • Once cached, the app will not re-download the same logo until the URI changes.

Supported formats: JPG and PNG Recommended: square or rectangular PNG with a transparent background

circle-info

Instructions on how to apply SCA App Configuration settings are available here

3. Optional: Logo Display Delay

You can configure how much longer the company logo remains visible on the loading page by using the parameter: CDImageLoadingDelayMS_Option

  • Accepts values from 0 to 1500 ms

  • The value defines the additional time (in milliseconds) that the logo stays on the loading screen before the app continues

Last updated

Was this helpful?