Темна версія стилю: інтерфейси, дашборди, настінні екрани, слайди для проєктора. Приглушена: чорнило не біле, а сіро-тепле, білі заливки спрайтів теж пригашені. Та сама система, що у світлому гайді, з трьома відмінностями: темні токени, темні значення серій, світлий контур спрайтів. Приклади - нейтральні плейсхолдери.
1 Токени
контрастЧорнило #d9d9d5 на вугіллі #151517 - приблизно 11:1: читається чітко, але не кричить. Дрібний текст іде muted, підписи faint - обидва тримають AA.
серіїКораловий #d0603f, синій #4a7dd6, м'ятний #379d70, фіолетовий #9268cc. Це окремі темні значення: світлі серії на вугіллі не проходять CVD-валідатор.
лініїHairline rgba(255,255,255,.10), сильна лінія rgba(255,255,255,.26). Правила ті самі: коробок нема.
2 Спрайти
Той самий набір, та сама дизер-тінь, повні кольори. Пригашені тільки нейтрали: білий #c6c6c1, сірий #9d9e99, контур #c9c9c5. Кольори не чіпаємо - вицвітання приходить саме від множника.
Терміновий запис із дедлайномсьогодні
Запис Б - завершено і переданоготово
Очікуємо вхідні дані від сторони2 дні
3 Числа
46записів у роботі
12у черзі
3збоїв
87%завантаження
4 Графіки
Записи за серіями
той самий бар-чарт на темних токенах
Показник, накопичено
ступінчаста лінія, м'ятний темної палітри
Структура показника
пропорційна смуга; розриви 2px читаються і на темному
Інтенсивність за днями
теплокарта: один відтінок м'ятного, від прозорого до повного
5 Схема
Вузли зі світлою рамкою 1px, спрайти без тіні зі світлим контуром. Звʼязки в нових артефактах - дроти з вантажем, дивись схеми.
6 Інтерфейс
463
Запис №214 збережено
Primary-кнопка інвертується: світле чорнило, темний текст. Решта станів - ті самі: hover, фокус 2px синім, press-зсув, disabled.
7 Відмінності від світлої теми
контур спрайтівКонтур #c9c9c5 замість чорнильного. Кольори повні; пригашені тільки білі та сірі заливки.
серіїОкремі темні значення з tokens.json, не інверсія світлих.
primaryКнопка - світла заливка з темним текстом.
рукаРукописний шар у темній темі не використовується: вона для інтерфейсів, не для звітів.
все іншеБез змін: сітка, типографіка, дизер, спрайти, правила тексту і дозування.