var theme = window.localStorage.currentTheme;

$('body').addClass(theme);

if ($("body").hasClass("gecemodu")) {
$('.dntoggle').addClass('fa-sun-o');
$('.dntoggle').removeClass('fa-moon-o');
document.getElementById("dntoggle").innerHTML=" Normal Mod";
} else {
$('.dntoggle').removeClass('fa-sun-o');
$('.dntoggle').addClass('fa-moon-o');
document.getElementById("dntoggle").innerHTML=" Gece Modu";
}

$('.dntoggle').click(function() {
$('.dntoggle').toggleClass('fa-sun-o');
$('.dntoggle').toggleClass('fa-moon-o');

if ($("body").hasClass("gecemodu")) {
$('body').toggleClass('gecemodu');
localStorage.removeItem('currentTheme');
localStorage.currentTheme = "day";
document.getElementById("dntoggle").innerHTML=" Gece Modu";
} else {
$('body').toggleClass('gecemodu');
localStorage.removeItem('currentTheme');
localStorage.currentTheme = "gecemodu";
document.getElementById("dntoggle").innerHTML=" Normal Mod";
}
});

Hocam benim gece modu açıp kapatmak için kullandığım kod bloğu bu şekilde. Zamanında birçok kaynaktan araştırmıştım gece modu olayını, en mantıklısı bu gelmişti bana :)
Şimdi biraz daha sade anlatmaya çalışayım.
Mesela diyelim sizin css dosyasında şöyle bir kod var.
body {background-color:#fff;
color :#000000}
. icerik {background-color:green;
color:red}

Arka plan beyaz yazı renkleri de siyah.
Class ı icerik olan div in arka planı yeşil yazıları da kırmızı.
Şimdi siz aynı veya herhangi bir css dosyasına şu şekil bir kod daha ekleyin ;
.gecemodu {background-color:#000000;
color :#fff}
.gecemodu .icerik {background-color:yellow;
color:purple}

Şimdiki haliyle ne dedik, eğer gece modu aktif olursa ;
Ana sayfanın arka plan rengi siyah yazıları da beyaz olsun.
Yine class o icerik olan div in arka planı sarı yazıları da mor olsun.
Bu ani değişimi de bir buton yardımıyla üstte verdiğim javascript kodu sayesinde yapıyoruz :)