383 читали · 4 года назад
Как сделать темную тему с помощью CSS
Источник: Nuances of Programming На днях я баловался с темной версией в новой версии MacOS Mojave. Мои глаза не на 100% рады, но это особенно полезно, когда залипаешь в экран ночью при тусклом освещении. Сегодня, темная тема в тренде. Большинство reader-приложений уже снабжены им (Medium App, Twitter …). Темная тема — это не просто инверсия всех цветов, это целое направление в современном дизайне. Ещё не везде стемнело (пока) Когда работаешь в ночной теме, вспышки света, при открытии документа с белым фоном, немного шокируют...
2 месяца назад
Как сделать тёмную тему в приложении: пошаговая инструкция с примерами
Содержание: В открытом доступе есть много готовых шаблонов цветовых профилей темной темы. Но они не учитывают механику каждого приложения и соотношение элементов в нем. А еще нишу, ЦА и CJM. Поэтому цветовой профиль лучше делать самостоятельно, под свой продукт. Рассмотрим основные задачи этого шага. Определите правила глубины. Чем темнее элемент, тем дальше визуально он ощущается. Чтобы восприятие приложения было гармоничным, протестируйте разные уровни глубины и выберите подходящий. Продумайте стартовые цвета для фона и разных элементов...