Верстка светлой и тёмной темы без лишних стилей в CSS из-за color-scheme
Как добавить тёмную тему на страницу
Используем простой скрипт и CSS-переменные В последние пять лет в интерфейсном дизайне появилось понятие тёмной темы: это когда фон делают тёмным, а текст — светлым. Это полезно в телефонах для энергосбережения и чтения с экрана ночью. Ну и просто красиво. Сегодня мы добавим на страницу переключатель тёмной и светлой темы с помощью CSS. Автопереключение тёмной темы Современные браузеры умеют определять, что на телефоне или компьютере включена тёмная тема. Для этого разработчики используют такой...
Тёмная тема на сайте: как реализовать с CSS и JavaScript
Народ, всем привет. Ни для кого не секрет, что в последние годы все большую популярность обретает темная тема. По причине более щадящего эффекта на глаза, экономии батареи, или просто потому, что смотрится «брутально», это не важно, тут мы оставим тему философам. Но то, что уже давно любой «нормальный» сайт или приложение должно иметь два варианта оформления, особенно если сайт прямо светлый или белый, это уже как мантра. И особенно если учитывать тот факт, что тёмную тему на сайт можно сделать довольно легко, как с использованием CSS, так и совместно с JavaScript...