JavaScript
Public
Toggle Dark Mode Class
A tiny dark mode toggle that stores the selected mode in localStorage.
#javascript
#dark-mode
#ui
#localstorage
JavaScript
const toggleButton = document.querySelector('[data-theme-toggle]');
const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') {
document.documentElement.classList.add('dark');
}
toggleButton?.addEventListener('click', () => {
document.documentElement.classList.toggle('dark');
const isDark = document.documentElement.classList.contains('dark');
localStorage.setItem('theme', isDark ? 'dark' : 'light');
});Notes
This example toggles a class. Your CSS decides how dark mode looks.
