🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
🌗 Тёмная тема только через prefers-color-scheme — не лучший вариант
Системную тему стоит использовать как настройку по умолчанию, но пользователю полезно оставить выбор для конкретного сайта.
В добавляем:
А переключатель меняет значение на:
meta.content = "light"; // светлая
meta.content = "dark"; // тёмная
meta.content = "light dark"; // как в системе
🔤 Выбор можно сохранить в localStorage.
color-scheme влияет не только на собственные стили, но и на системные цвета, скроллбары и стандартные элементы формы. При этом prefers-color-scheme по-прежнему отражает тему ОС, а не выбранную тему сайта — это важно учитывать.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#readme #css