我正在尝试使用最少的代码在整个网站中永久设置“夜间(或黑暗!)”模式。
我尝试设置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");
});