Eu adicionei um botão em um site para que o usuário possa deixar ele em “modo noturno”. Porém caso ele vá para uma nova notícia, o site estará com o modo noturno desativado.
É possível fazer com que o navegador cacheie essa informação, para que uma vez que ele deixe o modo em modo noturno, as outras notícias que ele acesse já estejam também com essa classe?
Eu tentei fazer da seguinte forma, porém quando vou para a outra noticia, o modo noturno ainda esta desativado...
var menu = document.querySelector('body.single-news');
var button = document.querySelector('button#skin-btn');
button.addEventListener('click', function() {
var modoNoturnoAtivo = localStorage.getItem('modo_noturno_ativo') || false;
localStorage.setItem('modo_noturno_ativo', !modoNoturnoAtivo);
var open = menu.classList.contains('light-skin');
menu.classList.toggle('light-skin');
});No caso, removendo a classe "light-skin", é ativado o modo noturno.
