main.js

(() => {
  // <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");
      }
    });
  })();
})();