In the rapidly evolving world of design systems and digital...Read More
Dark Mode Toggle in Vanilla JS
Resource Type
Code Scripts
Complexity Level
Beginner
Last Updated
July 5, 2025
Description
A simple yet flexible dark mode toggle script written in vanilla JavaScript. Supports system preference and remembers user settings using localStorage.
JavaScript
const toggleTheme = () => {
const body = document.body;
body.classList.toggle("dark");
localStorage.setItem("theme", body.classList.contains("dark") ? "dark" : "light");
};
document.getElementById("theme-toggle").addEventListener("click", toggleTheme);
