Color — тёмная тема
Источник:
ds-docs/component-contracts/foundations/color-dark-mode.md
Источник: коллекция color файла Astra DS, режим dark-mode ·
tokens/color-dark-mode.tokens.json ·
id сверены с tokens/variable-ids.json.
Только факты. Находки — в конце. Светлая тема — color-light-mode.
Тёмная тема — второй режим той же коллекции, а не отдельный набор токенов: имена, id,
scope и codeSyntax общие со светлой, различаются только значения. Устройство, группы
и находки описаны один раз — в светлой теме; здесь только то,
что относится к самому режиму.
Различаются между темами 131 переменных из 426. Остальные 295 ссылаются в тёмном режиме ровно на ту же переменную, что и в светлом.
Где различия есть, тёмный режим ведёт в тёмные примитивы colors/dark-gray/* вместо
colors/gray/*.
components/components | 219 | 49 |
colors/additional | 64 | 2 |
colors/text | 32 | 22 |
colors/background | 26 | 17 |
colors/foreground | 22 | 14 |
other/skeleton | 10 | 5 |
other/gradient | 10 | 4 |
colors/border | 9 | 5 |
state-layer-colors/select | 6 | 4 |
state-layer-colors/focus | 5 | 2 |
state-layer-colors/dev | 4 | 2 |
state-layer-colors/hover | 2 | 2 |
other/overlay | 2 | 1 |
state-layer-colors/press | 2 | 2 |
Группы, где тёмная тема не меняет ничего: other/blur (7) и other/shadow (6) — целиком.
См. также: color-light-mode, README.