> ## 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 Is it possible to add a contact phone number or a quick contact button to the main page?

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

### Setup requirements:

1. **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/6325f71679373400/image_ev4hqv.png)

2. **Color of auxiliary 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/6325f71679373400/image_31jslr.png)

3. **Text color of key and auxiliary 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/6325f71679373400/image_19zxu42.png)

4. **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/6325f71679373400/image_n7kla8.png)

5. **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/6325f71679373400/image_llav4r.png)

6. **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/6325f71679373400/image_1fclcfp.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/set-up-the-color-scheme-of-ui-elements-1tafdy3/) **