Merhabalar,Ben forum adresime gece gündüz modu ekledim fakat sayfayı yenileyince gündüz modundayken aşağıdaki resimdeki gibi oluyor.
bunu nasıl düzeltebilirim yardım ederseniz sevinirim.
buton kodları ;
<div class="gece-gunduz-modu">
<nav class="header-nav d-flex m-left-auto">
<a href="#" class="header-nav__link--social" id="night-mode">
<span class="gunduz2"><img src="https://xxxx/images/Gunduz.webp"> <span class="gunduz-text">Gece</span></span> <span class="gece2"><img src="https://xxxx/images/gece.webp"> <span class="gece-text">Gündüz</span></span>
</a>
</div>
</nav>
Buton Java script kodu ;
<script>(function(window, document, undefined) {
'use strict';
if (!('localStorage' in window)) return;
var nightMode = localStorage.getItem('gmtNightMode');
if (nightMode) {
document.documentElement.className += ' night-mode';
}
})(window, document);

document.addEventListener('DOMContentLoaded',function() {
'use strict';
// Feature test
if (!('localStorage' in window)) return;
var nightMode = document.querySelector('#night-mode');
if (!nightMode) return;
// When clicked, toggle night mode on or off
nightMode.addEventListener('click', function (event) {
event.preventDefault();
document.documentElement.classList.toggle('night-mode');
if ( document.documentElement.classList.contains('night-mode') ) {
localStorage.setItem('gmtNightMode', true);
return;
}
localStorage.removeItem('gmtNightMode');
}, false);
});</script>