new_site/assets/js/dark_mode.js

35 lines
948 B
JavaScript

$(document).ready(function() {
const mode_toggle = document.getElementById("light-toggle");
mode_toggle.addEventListener("click", function() {
const temp = localStorage.getItem("theme");
toggleTheme(temp);
});
let toggleTheme = (theme) => {
if (theme == "dark") {
setTheme("light");
} else {
setTheme("dark");
}
}
let setTheme = (theme) => {
trans();
if (theme) {
document.documentElement.setAttribute("data-theme", theme)
}
else {
document.documentElement.removeAttribute("data-theme");
}
localStorage.setItem("theme", theme);
};
let trans = () => {
document.documentElement.classList.add("transition");
window.setTimeout(() => {
document.documentElement.classList.remove("transition")
}, 500)
}
});