design

light-dark(): один токен для светлой и тёмной темы

light-dark(): один токен для светлой и тёмной темы

Функция light-dark(#111, #eee) возвращает разный цвет в зависимости от системной/указанной color-scheme — меньше @media (prefers-color-scheme).

Идеально для border, surface и icon fill в UI-kit.

- [light-dark() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) — Синтаксис функции.

- [color-scheme — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) — Контекст для light-dark.

---

## Бренд

Фото и иллюстрации не перекрашивайте через light-dark — только UI-оболочку.

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

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

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