# Цвета сайта

Перейдите в раздел **«Дизайн» → «Цвета сайта»** и выберите цветовую палитру.

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FtIOHGpwanNhmP1AfRsD2%2Fdesign%20colors%20ru.png?alt=media&#x26;token=8f027a6b-1018-46a4-bc6f-1cf92dcf0872" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Мы обновили цветовые схемы. Вернуться к старым цветам можно в панели управления: **«Дизайн» → «Цвета сайта»**.
{% endhint %}

Выберите цветовой акцент и стиль оформления.

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FUXxStnE3qX7VwBkeVgGW%2Fcolor%20schemes%20ru.png?alt=media&#x26;token=bb236ea3-e873-4744-be77-68c016e65f22" alt=""><figcaption></figcaption></figure>

{% columns %}
{% column width="50%" %}
**Цветовые акценты:**

* черно-белый;
* бежевый;
* зеленый;
* синий;
* красный.
  {% endcolumn %}

{% column width="50%" %}
**Стили оформления:**

* светлый;
* универсальный;
* темный;
* контрастный.
  {% endcolumn %}
  {% endcolumns %}

При изменении цвета сайта меняется цвет фона, цвет кнопок, ссылок и других элементов на сайте.

Для подзаголовков и контурных кнопок можно включить или отключить акцентный цвет.

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2FgxIRcRcKViBNrVnYIO87%2Faccent%20color%20ru.png?alt=media&#x26;token=e8297b3f-4846-41ac-be71-c16336ed93ee" alt=""><figcaption></figcaption></figure>

Также можно включить [поддержку темной темы браузера](https://docs.wfolio.pro/site/design/night-theme). Если у сайта выбран стиль оформления **«Светлый»** или **«Универсальный»**, в браузерах с темной темой сайт будет показан с темной цветовой палитрой.

<figure><img src="https://355501785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZOPvCqrx5oWXGbl7B-887967055%2Fuploads%2Fh8eclZvZ4wiIFljsT79K%2Fdark%20theme%20ru.png?alt=media&#x26;token=fc28afcc-0fd5-4464-8c7a-00d33510c35b" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Можно акцентировать внимание на блоках сайта, установив им акцентный или контрастный фон. Смотрите инструкцию [#fon-bloka](https://docs.wfolio.pro/content/block-settings#fon-bloka "mention").
{% endhint %}

#### Частые вопросы

* **Хочу, чтобы сайт во всех браузерах отображался в тёмных цветах. Как это сделать?**\
  Выберите **«Тёмный»** или **«Контрастный»** стиль оформления. Сайт будет отображаться с тёмным фоном на всех устройствах.
* **А как настроить светлые цвета сайта для всех браузеров?**\
  Выберите **«Светлый»** или **«Универсальный»** стиль оформления. Чтобы цвета сайта не менялись в браузерах с темным режимом, отключите функцию **«Поддержка темной темы»**.