48 lines
1.0 KiB
JavaScript
48 lines
1.0 KiB
JavaScript
// Store the theme
|
|
let darkTheme = localStorage.getItem("darkTheme");
|
|
const themeToggle = document.querySelector("#themeButton");
|
|
|
|
// Apply Dark theme
|
|
const enableDark = () => {
|
|
document.body.classList.add("darktheme");
|
|
localStorage.setItem("darkTheme", "enabled");
|
|
themeToggle.innerHTML = `<i id="themeButton__icon" data-feather="sun"></i>`;
|
|
feather.replace();
|
|
};
|
|
|
|
// Remove Dark theme
|
|
const disableDark = () => {
|
|
document.body.classList.remove("darktheme");
|
|
localStorage.setItem("darkTheme", null);
|
|
themeToggle.innerHTML = `<i id="themeButton__icon" data-feather="moon"></i>`;
|
|
feather.replace();
|
|
};
|
|
|
|
//Toggle theme
|
|
if (darkTheme === "enabled") {
|
|
enableDark();
|
|
} else {
|
|
disableDark();
|
|
}
|
|
|
|
themeToggle.addEventListener("click", () => {
|
|
darkTheme = localStorage.getItem("darkTheme");
|
|
if (darkTheme !== "enabled") {
|
|
enableDark();
|
|
} else {
|
|
disableDark();
|
|
}
|
|
});
|
|
|
|
// Theme accordint the hour
|
|
|
|
/*
|
|
const today = new Date();
|
|
|
|
if (hour >= 19 || hour < 5) {
|
|
enableDark();
|
|
} else {
|
|
disableDark();
|
|
}
|
|
*/
|