Я пытаюсь установить ночной (или темный!) Режим на всем сайте, над которым я работаю, используя минимальный код.
Я пытался установить Cookie и localStorage безрезультатно.Вот код, с которым я работаю.
<button type="button" class="btn btn-primary w-100 my-2 night-mode-button"><i class="fas fa-moon" ></i></button>
, используя этот JS
$(document).ready(function(){
var button = $('.night-mode-button');
var container = $('.content-box');
button.click(function() {
container.toggleClass('-nightmode');
localStorage.setItem('.content-box','-nightmode');
document.documentElement.classList.toggle('-nightmode');
console.log("night mode enabled, but not here to stay!");
});
// Swaps sun/moon icon
$("button").click(function(){
$(this).find("i").toggleClass("fa-moon");
$(this).find("i").toggleClass("fa-sun");
});