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

# Панель керування. Налаштування. Інтерфейси. Схема кольорів

На цій сторінці налаштовуються кольори, які відображатимуться в різних елементах веб-сайту та мобільної програми.

# Налаштування колірної схеми

1.  Відкрийте розділ **Налаштування** в Панелі керування.    
2.  Перейдіть на вкладку **Інтерфейси** => **Схема кольорів**
3.  Додайте або змініть коди кольорів у відповідних полях (див. нижче).    
4.  Клацніть **Зберегти**.    

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

# Вимоги до налаштування

**Колір ключових елементів.** HEX код кольору у форматі "#EEE111". Цим кольором будуть пофарбовані:
*   Фон привітальних екранів додатку    
*   Основні кнопки    
*   Активні кнопки    
*   Вибрані елементи списку
    
[![](https://storage.crisp.chat/users/helpdesk/website/e6955d799bd8b800/f866df6d-3f0d-4384-afd2-6f1df7_zg1cvg.png)](https://downloads.intercomcdn.com/i/o/324633977/b6936a7b0bab574dff41c783/2021-04-15_13-47-42.png?expires=1621068162&signature=69754c1cbeba3bc7c7841087af95d0c503145a5d9023840de00243bb44e09828)

[![](https://storage.crisp.chat/users/helpdesk/website/53c131a10df64000/25f88ccc-23eb-4290-8b8e-5daaba_4eemw9.png)](https://downloads.intercomcdn.com/i/o/423190142/cee2e14b029e0ed2162660b7/image.png)

**Колір допоміжних елементів.** HEX код кольору у форматі "#EEE111". Цим кольором будуть пофарбовані:
*   Мітка акцій    
*   Блок, який відображається замість обкладинки акції   
*   Лічильники у картці товару та у бічному меню    
*   Маркер розташування клієнта    
*   Маркер розташування кур'єра   
*   Фонове зображення із сумою доступного кешбеку
    
[![](https://storage.crisp.chat/users/helpdesk/website/d6a007067b86f800/9260c64a-cb5b-48a9-86b9-e95816_13oap2t.png)](https://downloads.intercomcdn.com/i/o/423191802/3a7e1852364decec18244e72/image.png)

**Колір тексту ключових та допоміжних елементів.** HEX код кольору у форматі "#EEE111". Цим кольором будуть пофарбовані назви розділів та ключових елементів вебсайту та мобільного додатку.

[![](https://storage.crisp.chat/users/helpdesk/website/58751e35984e0c00/211fbcd8-fe7d-4c93-97ff-282ab1_19m3fc0.png)](https://downloads.intercomcdn.com/i/o/337346096/1adca8bf0e48f02a1a521109/image.png)

[![](https://storage.crisp.chat/users/helpdesk/website/5af8d2e2009fb400/20d5f819-456d-458f-8ace-76ef5d_1tly4u7.png)](https://downloads.intercomcdn.com/i/o/423194106/701483fcce3b049320b62642/image.png)

**Колірна тема за замовчуванням.** Оберіть з випадаючого списку варіант.
_Авто_ - тема відображення сайту, або додатку, буде визначатися автоматично, у відповідності до теми пристрою.
_Світла_ - відображення сайту або додатку буде здійснюватись у кольорах світлої теми.
_Темна_ - відображення сайту або додатку буде здійснюватись у кольорах темної теми.

**Світла тема активна.** 
_Увм_ - може використовуватися як тема за замовчуванням або бути обраною користувачем сайту та додатку самостійно.
_Вимк_ - не може використовуватися як тема за замовчуванням та бути обраною користувачем сайту або додатку, самостійно.

**Темна тема активна.**
_Увм_ - може використовуватися як тема за замовчуванням, або бути обраною користувачем сайту та додатку самостійно.
_Вимк_ - не може використовуватися як тема за замовчуванням та бути обраною користувачем сайту, або додатку, самостійно.

||| Важливо! Обов'язково має бути увімкнена хоча б одна з тем - світла чи темна.

При увімкненні тоглерів в полях **Світла тема активна** або **Темна тема активна** будуть доступні такі поля для налаштування їх відображення.

**Колір фону для світлої та/або темної теми.** HEX коди кольору у форматі "#EEE111". Кольори фону мобільного додатка та підкладки вебсайту для кожної теми.

[![](https://storage.crisp.chat/users/helpdesk/website/79960fee54479400/c7a79bf1-b0ca-4a37-8e22-493499_15dit3z.png)](https://downloads.intercomcdn.com/i/o/423197419/9218653dd54fd335cb761033/image.png)

**Колір блоків для світлої та/або темної тем.** HEX коди кольору у форматі "#EEE111". Кольори блоків розташовані поверх фону мобільного додатка та вебсайту для кожної з тем.

[![](https://storage.crisp.chat/users/helpdesk/website/545f919c8b896c00/0eaca7fa-5b5b-47e8-bd99-7197a1_jziy3w.png)](https://downloads.intercomcdn.com/i/o/423198065/0741fb68e00f369358182c20/image.png)

**Колір тексту для світлої та/або темної теми.** HEX коди кольору у форматі "#EEE111". Колір тексту та іконки на фоні і в блоках для кожної теми.

[![](https://storage.crisp.chat/users/helpdesk/website/ba1e577003853800/13332826-89e7-4be6-b360-586d2d_1rkjfgd.png)](https://downloads.intercomcdn.com/i/o/423198607/0911e3b840ab7b47e127f612/image.png)

**Увага:** Коди HTML кольорів задаються лише англійськими літерами чи числами і не чутливі до регістру. Код передбачає наявність символу "#", оскільки без нього колір не з'явиться.

# Див. також:
[Як встановити темну тему для користувачів сайту за замовчуванням?](https://dots.crisp.help/uk/article/yak-vstanoviti-temnu-temu-dlya-koristuvachiv-sajtu-za-zamovchuvannyam-eluy1n/)
[Як встановити світлу тему для користувачів за замовчуванням?](https://dots.crisp.help/uk/article/yak-vstanoviti-svitlu-temu-dlya-koristuvachiv-za-zamovchuvannyam-18ir8w7/)


Посилання на цю статтю: ** [тут](https://dots.crisp.help/uk/article/20-panel-keruvannya-nalashtuvannya-interfejsi-shema-koloriv-l6bd9d/) **