> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://dots.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 2.0 Control panel. Settings. Interfaces. Color scheme

Set up the colors that appear in various UI elements of the website and in the app.

### To set up the color scheme:

1.  In the Control Panel, click **Settings**.    
2.  Click the **Interfaces => Color scheme tab**.   
3.  Add or change color codes in the corresponding fields (more details below).    
4.  Click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_1cr4vby.png)

### Setup requirements:

*   **Key elements color.** A HEX color code in "#EEE111" format. This color applies to:
    -   Welcome screens      
    -   Main buttons    
    -   Selected elements 
    -   Selected elements in lists
           
![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_182y2q8.png)

*   **Color of secondary elements.** A HEX color code in "#EEE111" format. This color applies to:
    -   Promotion labels
    -   Block that appears instead of a promotion poster    
    -   Various counters   
    -   Customer location pin
    -   Courier location pin
    -   The background image on the cashback screen
        
   

![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_zk42bg.png)

*   **Text color of key and secondary elements.** A HEX color code in "#EEE111" format. This color applies to the names of sections and the names of key elements of the website and the app.
    

![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_4ll7vr.png)

*   **Background colors of light and dark themes.** HEX color codes in "#EEE111" format. Mobile app background and website background colors for each theme.
    


![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_1djt00t.png)

*   **Block colors of light and dark themes.** HEX color codes in "#EEE111" format. The colors of the blocks that appear on top of the background of the app and the website for each of the themes.
    


![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_knu4rw.png)

*   **Text colors of light and dark themes.** HEX color codes in "#EEE111" format. Colors of text and icons that show up on top of the background and in various blocks for each of the themes.
    

![](https://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_195drjn.png)

**Note**: HTML color codes must only include Latin characters or/and numbers and are not case-sensitive. The code should have the “#” symbol to be recognized by the system.


Link to this article: [here](https://dots.crisp.help/en/article/20-control-panel-settings-interfaces-color-scheme-ajiixm/)