> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/design/color-schemes.md).

# Цвета сайта

Как настроить цвета на сайте

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

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/Uuzb8L2mMmgECEO33XEx/design%20colors%20ru.png" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/zvgxGLED58qNvSeMLBWn/color%20schemes%20ru.png" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/AFJkc5bNmSo1Gph46LPs/accent%20color%20ru.png" alt=""><figcaption></figcaption></figure>

Также можно включить поддержку темной темы браузера. Если у сайта выбран стиль оформления **«Светлый»** или **«Универсальный»**, в браузерах с темной темой сайт будет показан с темной цветовой палитрой.

<figure><img src="https://content.gitbook.com/content/y2GDJrtoXVMA0LiLQrvz/blobs/tOjykiS5kdjJUjr5JgDd/dark%20theme%20ru.png" alt=""><figcaption></figcaption></figure>

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

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

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