# Тема визарда

Раздел «Тема визарда» настраивает оформление мастера настройки второго фактора (визарда) под фирменный стиль организации: логотип и цветовую схему. Визард — страница, которую пользователи открывают по ссылке настройки 2FA, поэтому знакомое оформление повышает доверие к странице и снижает количество обращений в поддержку. Тема одна на организацию и применяется ко всем ссылкам настройки.

## Основные настройки

![Основные настройки темы визарда](../assets/img/wizard-theme/tema-vizarda-osnovnye-nastrojki.png)

- **Название темы** — имя темы;
- **Логотип** — логотип организации, отображаемый в шапке визарда. Рекомендуется файл SVG с прозрачным фоном; оптимальная ширина — 200–400 px, желательная высота — до 400 px.

## Цвета темы

![Настройка цветов темы визарда](../assets/img/wizard-theme/tema-vizarda-czveta-temy-pervaya-chast.png)

Цвета задаются в формате HEX (например, `#2A5FAD`); рядом с полем отображается текущее значение. Настраиваются следующие элементы:

- **Основной брендовый цвет** — основной цвет интерфейса визарда (кнопки, ключевые элементы);
- **Основной цвет при наведении** — цвет основных элементов при наведении курсора;
- **Акцентный цвет** — цвет акцентных элементов;
- **Цвет ссылок** — цвет текстовых ссылок;
- **Фон страницы** — цвет фона страницы визарда;
- **Фон карточек/блоков** — цвет фона карточек и блоков;
- **Основной текст** — цвет основного текста;
- **Вторичный текст** — цвет вспомогательного текста (подсказки, пояснения);
- **Цвет границ** — цвет рамок и разделителей;
- **Текст на кнопках** — цвет текста на кнопках; подберите контрастный к основному брендовому цвету;
- **Цвет фокуса** — цвет подсветки активного элемента (поля ввода, кнопки при выборе с клавиатуры).

На примерах ниже показано, за какие элементы визарда отвечают параметры темы.

Шаг выбора способа — фоны, текст, кнопки и границы:

![Шаг выбора способа с подписями параметров темы](../assets/img/wizard-theme/wizard_theme_annotated-e1785987776931.png)

Шаг активации устройства — ссылки и акцентные элементы:

![Шаг активации устройства с подписями параметров темы](../assets/img/wizard-theme/wizard_theme_annotated_2-e1785987789448.png)

После сохранения тема применяется к визарду для всех новых открытий ссылок настройки. Проверить оформление удобно, открыв ссылку настройки тестового пользователя — она формируется в [карточке пользователя](users.md).

## Смотрите также

- [Пользователи](users.md)
- [Глобальные настройки](global-settings.md)