Администраторы выбирают светлый, темный или системный режим для всей организации. Цвет бренда управляет кнопками, активными элементами боковой панели, кольцами фокуса и состояниями наведения — в обоих режимах — без единого переопределения CSS.
Ваша панель управления не является общим админ-консолью — это часть вашего продукта. Темы панели управления позволяют вам выбрать светлый, темный или системный режим для всей организации и сделать так, чтобы цвет вашего бренда проходил через каждый акцент, который использует интерфейс. Одна кнопка «Сохранить», две минуты настройки, без разработчиков.
В разделе Настройки → Брендинг администраторы и владельцы контролируют три вещи, которые составляют единый согласованный вид:
Вся панель управления мгновенно принимает выбор для каждого участника организации. Члены команды, не являющиеся администраторами, видят выбранную тему; только администраторы/владельцы могут ее изменить.
Темы аккуратно накладываются, потому что каждый слой касается разных наборов переменных CSS:
--primary, --ring, --accent, плюс варианты боковой панели. Кнопки, активные элементы навигации, кольца фокуса и состояния наведения все принимают цвет бренда в обоих режимах.Поскольку цвет бренда окрашивает только акценты, вы никогда не получите нечитаемый текст на фоне среднего тона или светлой кнопки, которая исчезает в темном режиме. Система также автоматически выбирает правильный цвет текста — черный текст на светлых цветах бренда, белый текст на темных — используя формулу яркости WCAG. Вы можете переопределить этот выбор, если дизайн этого требует.
Большинство систем темирования ломаются для светлых цветов бренда. Светло-желтый бренд на кнопке «Сохранить» не должен производить едва видимый акцент при наведении. Алгоритм акцентного оттенка проверяет светлоту бренда: темные и средние бренды получают *светлее* оттенок, уже светлые бренды получают *темнее*. В любом случае, существует значительный контраст между основным и акцентным — так что состояния наведения и фокуса всегда читаются четко.
Когда администратор изменяет тему, событие трансляции запускает каждую открытую вкладку панели управления в том же браузере, чтобы повторно получить и применить — перезагрузка не требуется. На разных устройствах и у других участников новая тема появляется при следующей загрузке страницы.
Темирование применяется к панели управления организации и публичному центру помощи. Маркетинговые страницы, документы и вход остаются светлыми по дизайну — они общие для всех клиентов и не должны следовать бренду одной организации. Фреймворк принудительно включает светлый режим на этих маршрутах, так что навигация от темной панели управления к странице входа сбрасывается чисто.
Панель управления, которая соответствует вашему бренду, не является косметической деталью. Это сигнал о том, что платформа *ваша*, а не общий инструмент SaaS, который вы арендуете. Когда ваша команда поддержки и авторы вашей базы знаний входят в систему, которая выглядит как ваш продукт, они воспринимают это как часть своей работы — а не как панель администратора третьей стороны, которую они терпят. И когда клиент посещает ваш брендированный центр помощи, опыт подчеркивает, от кого они получают поддержку, а не от того, кто создал основной инструмент.