Как сохранять темную тему при переходе на разные страницы сайта?

Сделал простую темную тему - поменял классы у нужных элементов. Проблема в том, что при открывании/закрывании разных модалок и прочего -- у них сбрасываются классы. Как избежать этого?

мой код а-ля "нажата картинка -- поменяй класс"

let darkTheme = function() {
    let darkPic = document.querySelector('.black');
    let lightPic = document.querySelector('.light-theme');

let header = document.querySelector('header');
let content = document.querySelector('.content');

darkPic.onclick = function() {
        lightPic.classList.toggle('hidden');
        darkPic.classList.toggle('hidden');
    }

lightPic.onclick = function() {
        lightPic.classList.toggle('hidden');
        darkPic.classList.toggle('hidden');
    }

if(!lightPic.classList.contains('hidden')) {
        header.classList.toggle('dark-theme');
        content.classList.toggle('dark-theme');
}

if(lightPic.classList.contains('hidden')) {
       header.classList.toggle('dark-theme');
        content.classList.toggle('dark-theme');
}
  • Вопрос задан
  • 406 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Как сохранять темную тему при переходе на разные страницы сайта?

С помощью localStorage.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы