light-dark(): один токен для светлой и тёмной темы
CSS Color Level 5 и связка с `color-scheme` без дублирования переменных.
Функция `light-dark(#111, #eee)` возвращает разный цвет в зависимости от системной/указанной color-scheme — меньше `@media (prefers-color-scheme)`.
Идеально для border, surface и icon fill в UI-kit.
- light-dark() — MDN — Синтаксис функции.
- color-scheme — MDN — Контекст для light-dark.
Бренд
Фото и иллюстрации не перекрашивайте через light-dark — только UI-оболочку.