# SCA Configuration - 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

<div align="left"><figure><img src="https://3880789596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4v109br9tFl1Rxk2qP0x%2Fuploads%2FSjdYWiHFhilDfNUQGguu%2Fimage.png?alt=media&#x26;token=f2303b0e-452a-4f91-9e0e-65bf21ace4ec" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="success" %}
CI Customization is only available with an SCA Enterprise license.
{% endhint %}

## 1. Highlight Color

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

<div align="left"><figure><img src="https://3880789596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4v109br9tFl1Rxk2qP0x%2Fuploads%2FJxjuw8gogSpBBmmz4JkI%2Fimage.png?alt=media&#x26;token=74617e68-deee-4014-978a-84ab561ec476" alt="" width="375"><figcaption></figcaption></figure></div>

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).

## 2. Custom Company Logo

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

1. **Loading page**
2. **vCard QR code**
3. **License page**

<div align="left"><figure><img src="https://3880789596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4v109br9tFl1Rxk2qP0x%2Fuploads%2FofN3XcPjQhU5wxtpPRRr%2Fimage.png?alt=media&#x26;token=7f791f44-e583-4608-ab90-a79e14170e95" alt="" width="375"><figcaption></figcaption></figure></div>

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

### **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**

{% hint style="info" %}
Instructions on how to apply SCA **App Configuration** settings are available [here](https://docs.secure-contacts.com/documentation/app-configuration-policy-name-values-for-sca/sca-configuration-seccontacts.defaults)
{% endhint %}

## 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