Темная тема использует темно-серый, а не чисто черный цвет в качестве основного цвета поверхности для компонентов. Темно-серые поверхности дают более широкий диапазон цвета, высоты и глубины, потому что на сером легче увидеть тени (а на черном этого не видно).
Темно-серые поверхности также уменьшают нагрузку на глаза, так как светлый текст на темно-серой поверхности имеет меньший контраст, чем светлый текст на черной поверхности.
Про высоту в темной теме
Чем выше поверхность (то есть чем она ближе к источнику света), тем светлее становится эта поверхность. Представь, что на поверхность с цветом #121212 нанесли белый слой и постепенно меняется прозрачность этого белого слоя, чтобы показать высоту.
Поверхность у темной темы создается путем размещения полупрозрачного слоя поверх.
С помощью наложения белого слоя с прозрачностью на поверхность, также проще отличать высоту между компонентами и видно тени. Разные значения для наложений добавлюет ещё и контраст между поверхностями и их тенями, делая заметнее края каждой поверхности.
Значения ниже предназначены для того, чтобы различать высоту.
Наложения показывают разницу по высоте между компонентами.
Слои с наложением не используются, если поверхность окрашена в первичные или вторичные цвета.
В темной теме тени остаются черными, чтобы точно отображать тень.
Загрузка...
