Источник:
Дайджест продуктового дизайна
Brad Frost:
Предлагает разделять тёмную тему и инвертированный режим в дизайн-системах
. Они могут решать одинаковые задачи (например, смена цвета текста и иконок), но это вызвано разными ситуациями — общая настройка устройства пользователя или конкретный блок в интерфейсе.
Danny Banks: Инструкция по созданию тёмной темы на фреймворке Style Dictionary (
https://dbanks.design/blog/dark-mode-with-style-dictionary/
), облегчающем поддержку токенов.
Поддержка в вебе:
Lea Verou:
Как быстро реализовать тёмную тему через цветовую модель HSL
.
Правда, параметр яркости в ней варьируется от цвета к цвету, так что он советует похожую по смыслу модель LCH
Chris Coyier:
Проблема дёрганого автоматического переключения
между обычной и тёмной темой в браузере.
Bramus Van Damme:
Переключение тёмной темы
должно быть кнопкой в самом браузере, а не на конкретном сайте. Это сэкономит много лишнего кода. Он показывает своё предложение по реализации.
Ryan Feigenbaum: Памятка по созданию переключателя тёмной темы на сайте (
https://ryanfeigenbaum.com/dark-mode/
).
Robin Rendle:
Создание тёмной темы для сервиса Sentry