> ## Documentation Index
> Fetch the complete documentation index at: https://faq.exode.biz/llms.txt
> Use this file to discover all available pages before exploring further.

# Темы оформления

> Светлая и тёмная тема, тема по умолчанию для новых посетителей и фирменные цвета школы.

Тема определяет, в каком оформлении ученики видят школу: светлом или тёмном. Вы решаете, между какими темами можно переключаться, какую показывать по умолчанию и какими будут фирменные цвета для каждой темы.

Настройки находятся в разделе **Моя школа → Настройки → Оформление и бренд** (в корпоративной школе — **Компания → Настройки → Оформление и бренд**), блок **Темы оформления**. Все изменения сохраняются автоматически.

## Доступные темы

В списке **Доступные темы** выберите один из вариантов.

| Вариант | Что видит ученик |
| - | - |
| **Светлая и тёмная** | Ученик сам переключает тему, например переключателем **Тёмная тема** в настройках профиля |
| **Только тёмная** | Сайт всегда в тёмной теме, переключателя темы нет |
| **Только светлая** | Сайт всегда в светлой теме, переключателя темы нет |

## Тема по умолчанию

Поле **Тема по умолчанию** появляется, только если выбран вариант **Светлая и тёмная**.

| Значение | Поведение |
| - | - |
| **Системная тема** | Тема совпадает с настройкой устройства ученика |
| **Тёмная тема** | Новые посетители видят тёмную тему |
| **Светлая тема** | Новые посетители видят светлую тему |

### Как платформа выбирает тему для ученика

1. Если ученик уже сам выбирал тему и она доступна в школе, остаётся его выбор.
2. Иначе применяется тема по умолчанию из настроек школы.
3. Если тема по умолчанию не задана, используется тема устройства.

> [!NOTE]
>
> Тема по умолчанию не перекрывает выбор, который ученик сделал сам. Если ученик однажды включил светлую тему, он продолжит видеть светлую, даже если вы поставили по умолчанию тёмную. Выбор сбрасывается, только если тема ученика стала недоступной в школе.

## Фирменные цвета

Под выбором тем находится список из трёх цветов. Каждый цвет задаётся отдельно для светлой и тёмной темы.

| Цвет | За что отвечает | По умолчанию в светлой теме | По умолчанию в тёмной теме |
| - | - | - | - |
| **Акцентный цвет** | Иконки и активные элементы интерфейса | `#fa6c1c` | `#fa6c1c` |
| **Основной цвет текста** | Основной текст в интерфейсе | `#000000` | `#e1e3e6` |
| **Цвет кнопки подтверждения** | Кнопки подтверждения действий, например создания и покупки | `#4bb34b` | `#4bb34b` |

**1. Выберите тему, которую настраиваете**

Если доступны обе темы, над списком цветов есть переключатель **Светлая / Тёмная**. Он переключает тему вашего интерфейса, а вместе с ней — набор цветов, который вы редактируете. Если доступна одна тема, переключателя нет и вы настраиваете цвета этой темы.

**2. Задайте цвет**

Нажмите на образец цвета справа от названия и выберите новое значение. Цвет сохраняется автоматически примерно через полсекунды и сразу применяется к интерфейсу.

**3. При необходимости верните базовый цвет**

Если цвет отличается от стандартного, рядом с ним появляется кнопка сброса. Нажмите её и подтвердите действие **Вернуть базовый цвет?**.

> [!TIP]
>
> Проверяйте цвета в обеих темах. Акцент, который хорошо смотрится на светлом фоне, может плохо читаться на тёмном.

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

> **Я поставил тёмную тему по умолчанию, но ученики видят светлую. Почему?**
>
> Тема по умолчанию действует только для тех, кто ещё не выбирал тему сам. Если ученик переключал тему раньше, сохраняется его выбор. Чтобы все видели одну тему, выберите в списке **Доступные темы** вариант **Только тёмная** или **Только светлая**.

> **Как запретить ученикам переключать тему?**
>
> Выберите **Только тёмная** или **Только светлая**. Переключатель темы пропадёт из интерфейса.

> **Я поменял акцентный цвет, а в тёмной теме он прежний. Почему?**
>
> Цвета задаются отдельно для каждой темы. Переключитесь на тёмную тему переключателем **Светлая / Тёмная** над списком цветов и задайте цвет ещё раз.

> **Почему после настройки цветов у меня самого сменилась тема?**
>
> Переключатель **Светлая / Тёмная** в этом блоке меняет тему вашего интерфейса, чтобы вы сразу видели результат. Вернуть нужную тему можно тем же переключателем.

> **Можно ли изменить другие цвета, например фон?**
>
> В настройках доступны только три цвета из таблицы выше. Остальные цвета меняются через кастомный CSS. Подробнее — в статье [Кастомный код](https://faq.exode.biz/ru/general/developers/custom-code.md).

> **Как тема влияет на логотип?**
>
> В тёмной теме цвета логотипа-изображения инвертируются. Подробнее — в статье [Логотип и иконка](https://faq.exode.biz/ru/general/school-setup/logo-and-icon.md).

> **Влияет ли акцентный цвет на сертификаты?**
>
> Да, если в настройках сертификата курса не задан свой цвет, используется акцентный цвет школы. Подробнее — в статье [Сертификаты](https://faq.exode.biz/ru/general/gamification/certificates).

***

*Обновлено: 2026-10-15 18:08 UTC*


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.