main
1const btn = document.querySelector(".theme-toggle");
2const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
3
4const currentTheme = localStorage.getItem("theme");
5if (currentTheme == "dark") {
6 document.body.classList.toggle("dark-theme");
7} else if (currentTheme == "light") {
8 document.body.classList.toggle("light-theme");
9}
10
11btn.addEventListener("click", function () {
12 if (prefersDarkScheme.matches) {
13 document.body.classList.toggle("light-theme");
14 var theme = document.body.classList.contains("light-theme")
15 ? "light"
16 : "dark";
17 } else {
18 document.body.classList.toggle("dark-theme");
19 var theme = document.body.classList.contains("dark-theme")
20 ? "dark"
21 : "light";
22 }
23 localStorage.setItem("theme", theme);
24});
25