43 lines
1.7 KiB
JavaScript
43 lines
1.7 KiB
JavaScript
(() => {
|
|
// <stdin>
|
|
(function() {
|
|
const themeToggle = document.querySelector(".darkmode-toggle input");
|
|
const light = "light";
|
|
const dark = "dark";
|
|
let isDark = localStorage.theme === dark || !("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
if (isDark) {
|
|
document.documentElement.classList.add(dark);
|
|
themeToggle.checked = true;
|
|
} else {
|
|
document.documentElement.classList.remove(dark);
|
|
themeToggle.checked = false;
|
|
}
|
|
themeToggle.addEventListener("change", function() {
|
|
if (this.checked) {
|
|
localStorage.theme = dark;
|
|
document.documentElement.classList.add(dark);
|
|
} else {
|
|
localStorage.theme = light;
|
|
document.documentElement.classList.remove(dark);
|
|
}
|
|
});
|
|
const navbarMenuToggle = document.getElementById("navbar-menu-toggle");
|
|
const navbarMenu = document.getElementById("navbar-menu");
|
|
const navbarLangToggle = document.getElementById("navbar-lang-toggle") || document.createElement("div");
|
|
const navbarLang = document.getElementById("navbar-lang");
|
|
document.addEventListener("click", function(event) {
|
|
const target = event.target;
|
|
if (navbarMenuToggle.contains(target)) {
|
|
navbarLang && navbarLang.classList.add("hidden");
|
|
navbarMenu && navbarMenu.classList.toggle("hidden");
|
|
} else if (navbarLangToggle.contains(target)) {
|
|
navbarMenu && navbarMenu.classList.add("hidden");
|
|
navbarLang && navbarLang.classList.toggle("hidden");
|
|
} else {
|
|
navbarMenu && navbarMenu.classList.add("hidden");
|
|
navbarLang && navbarLang.classList.add("hidden");
|
|
}
|
|
});
|
|
})();
|
|
})();
|