design

Тёмная тема в интерфейсе: контраст, elevation и привычки пользователя ОС

Тёмная тема в интерфейсе: контраст, elevation и привычки пользователя ОС

Введите отдельный набор токенов для dark mode: фон, поверхности, границы, акценты и состояния ошибок. Контраст текста проверяйте отдельно — серый на чёрном часто проваливает AA.

Учитывайте prefers-color-scheme, но оставьте ручной override — пользователь может хотеть светлую тему ночью на OLED.

- [WCAG 2.2 — Understanding](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum) — Критерии минимального контраста.

---

## Визуальная глубина

В тёмом режиме тени слабее — компенсируйте разделение слоёв границами 1px и изменением яркости поверхности, а не только drop-shadow.

Иллюстрации и фото с белым фоном «выбиваются» — используйте скругление или лёгкую подложку.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.