Знайшов на просторах інтернету кльофу фічу 🤓

const themeSwitcher = document.getElementById("theme-switch");

themeSwitcher.checked = false;
function clickHandler() {
	if (this.checked) {
			document.body.classList.remove("light");
			document.body.classList.add("dark");
			localStorage.setItem("theme", "dark");
	} else {
			document.body.classList.add("light");
			document.body.classList.remove("dark");
			localStorage.setItem("theme", "light");
	}
}
themeSwitcher.addEventListener("click", clickHandler);

window.onload = checkTheme();

function checkTheme() {
	const localStorageTheme = localStorage.getItem("theme");

	if (localStorageTheme !== null && localStorageTheme === "dark") {
			// set the theme of body
			document.body.className = localStorageTheme;

			// adjust the slider position
			const themeSwitch = document.getElementById("theme-switch");
			themeSwitch.checked = true;
	}
}

Що робить цей код?

• Перша частина реалізує перемикання теми (додає клас dark/light до body)
• Друга частина зберігає вибрані налаштування в браузері користувача (таким чином налаштування зберігаються на стороні відвідувача)