> ## 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_1wiqepw.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://storage.crisp.chat/users/helpdesk/website/3c7680cb850c3200/image_ucqumt.png)

### Темна тема

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

# Приклади відображення в додатку
### Світла тема

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

### Темна тема

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

# Див. також:
[Налаштування полів вкладки "Схема кольорів"](https://dots.crisp.help/uk/article/panel-keruvannya-nalashtuvannya-interfejsi-shema-koloriv-l6bd9d/)
[Як встановити темну тему для користувачів сайту за замовчуванням?](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/yak-vstanovlyuvati-temu-vidobrazhennya-sajta-ta-dodatku-dlya-koristuvacha-cm18gr/)