38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
let darkMode = localStorage.getItem("darkMode");
|
|
const darkModeToggle = document.querySelector("#btn-darkmode");
|
|
// const darkModeMobileToggle = document.querySelector("#btn-mobiledarkmode");
|
|
|
|
const enableDarkMode = () => {
|
|
document.documentElement.classList.add("dark");
|
|
//document.body.classList.add("dark");
|
|
localStorage.setItem("darkMode", "enabled");
|
|
}
|
|
|
|
const disableDarkMode = () => {
|
|
document.documentElement.classList.remove("dark");
|
|
//document.body.classList.remove("dark");
|
|
localStorage.setItem("darkMode", null);
|
|
}
|
|
|
|
if (darkMode === "enabled") {
|
|
enableDarkMode();
|
|
}
|
|
|
|
darkModeToggle.addEventListener("click", () => {
|
|
darkMode = localStorage.getItem("darkMode");
|
|
if (darkMode !== "enabled") {
|
|
enableDarkMode();
|
|
} else {
|
|
disableDarkMode();
|
|
}
|
|
})
|
|
|
|
// darkModeMobileToggle.addEventListener("click", () => {
|
|
// darkMode = localStorage.getItem("darkMode");
|
|
// if (darkMode !== "enabled") {
|
|
// enableDarkMode();
|
|
// } else {
|
|
// disableDarkMode();
|
|
// }
|
|
// })
|