37 lines
808 B
JavaScript
37 lines
808 B
JavaScript
const buttons = ["item", "link", "swap"];
|
|
|
|
for (let button of buttons) {
|
|
document.getElementById(button).addEventListener("click", () => {
|
|
document.body.classList.toggle(button);
|
|
});
|
|
}
|
|
|
|
let theme
|
|
|
|
function theme_get() {
|
|
theme = localStorage.getItem("theme");
|
|
if (! theme) {
|
|
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
|
|
theme = "dark";
|
|
} else {
|
|
theme = "light";
|
|
}
|
|
}
|
|
theme_set()
|
|
}
|
|
|
|
function theme_set() {
|
|
document.documentElement.setAttribute("data-theme", theme);
|
|
localStorage.setItem("theme", theme);
|
|
}
|
|
|
|
function theme_swap() {
|
|
theme = theme === "light" ? "dark" : "light";
|
|
theme_set();
|
|
}
|
|
|
|
document.getElementById("theme").addEventListener("click", () => {
|
|
theme_swap();
|
|
});
|
|
|
|
theme_get()
|