36 lines
984 B
JavaScript
36 lines
984 B
JavaScript
(() => {
|
|
// Theme switch
|
|
const root = document.body;
|
|
const themeSwitch = document.getElementById("mood");
|
|
const themeData = root.getAttribute("data-theme");
|
|
|
|
if (themeSwitch) {
|
|
initTheme(localStorage.getItem("theme"));
|
|
themeSwitch.addEventListener("click", () =>
|
|
toggleTheme(localStorage.getItem("theme"))
|
|
);
|
|
|
|
function toggleTheme(state) {
|
|
if (state === "dark") {
|
|
localStorage.setItem("theme", "light");
|
|
root.removeAttribute("data-theme");
|
|
} else if (state === "light") {
|
|
localStorage.setItem("theme", "dark");
|
|
document.body.setAttribute("data-theme", "dark");
|
|
} else {
|
|
initTheme(state);
|
|
}
|
|
}
|
|
|
|
function initTheme(state) {
|
|
if (state === "dark") {
|
|
document.body.setAttribute("data-theme", "dark");
|
|
} else if (state === "light") {
|
|
root.removeAttribute("data-theme");
|
|
} else {
|
|
localStorage.setItem("theme", themeData);
|
|
}
|
|
}
|
|
}
|
|
})();
|