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

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

На сайт добавил темную тему. Добавляется с кнопки засчет добавления класса.
1.Как сделать, чтобы оно автоматом приминилась с учетом темы устройства или браузера?
2. При добавлении и переходе на другую страницу тмеа меняется на светлую не соьраняется, как это исправить?
  • Вопрос задан
  • 65 просмотров
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сборочный чертеж инженерная графика t-flex stm32f7
23 дек. 2024, в 09:33
3000 руб./за проект
Придумать альтернативный логотип к уже существующему
23 дек. 2024, в 07:27
1000 руб./за проект
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Ещё заказы