Задать вопрос
@artur012097
javascript

Как применить темную тему с учетом темы устройства на странице?

На сайт добавил темную тему. Добавляется с кнопки засчет добавления класса.
1.Как сделать, чтобы оно автоматом приминилась с учетом темы устройства или браузера?
2. При добавлении и переходе на другую страницу тмеа меняется на светлую не соьраняется, как это исправить?
  • Вопрос задан
  • 64 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
MrDecoy
@MrDecoy Куратор тега JavaScript
Верставший фронтендер
В купе с css переменными и выделением переменных темы в критический css
https://yandex.ru/turbo/ru.hexlet.io/s/blog/posts/...
Ответ написан
Комментировать
Комментировать
nuykon
@nuykon
Full Stack Developer
1) Такое возможно только в свежих браузерах, с помощью:
prefers-color-scheme + window.matchMedia
https://www.freecodecamp.org/news/how-to-detect-a-...
2) Использовать cookie или localstorage
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Натянуть верстку Опенкарт
24 апр. 2024, в 15:34
20000 руб./за проект
SEO с опытом в контентных проектах (СМИ)
24 апр. 2024, в 15:32
130000 руб./за проект
Видеомонтаж трэвел-влогов на Youtube на постоянной основе
23 апр. 2024, в 11:13
10000 руб./за проект
Ещё заказы