Hi, thank you for all. I did it, here’s the result:
<input id="night-mode" class="lamp" type="checkbox" aria-label="night-mode" />
<label>Dark Mode</label>
<script>
const nightModeStorage = localStorage.getItem('gmtNightMode')
const nightMode = document.querySelector('#night-mode')
const metaThemeColor = document.querySelector('meta[name=theme-color]')
if (nightModeStorage) {
document.documentElement.classList.add('night-mode');
document.body.classList.add("dark-mode");
nightMode.checked = true
}
nightMode.addEventListener('click', () => {
document.documentElement.classList.toggle('night-mode');
document.body.classList.add("dark-mode");
if (document.documentElement.classList.contains('night-mode')) {
localStorage.setItem('gmtNightMode', true)
document.body.classList.add("dark-mode");
return
}
localStorage.removeItem('gmtNightMode');
document.body.classList.remove("dark-mode");
})
</script>