const dark_theme = document.querySelector("#dark_theme");

dark_theme.addEventListener("click", () => {
  if (dark_theme.checked) {
    document.documentElement.setAttribute("data-bs-theme", "dark");
    localStorage.setItem("data-bs-theme", "dark");
  } else {
    document.documentElement.setAttribute("data-bs-theme", "light");
    localStorage.setItem("data-bs-theme", "light");
  }
});

document.addEventListener("DOMContentLoaded", () => {
  var theme = localStorage.getItem("data-bs-theme");
  if (theme) {
    document.documentElement.setAttribute("data-bs-theme", theme);
    if (theme === "dark") {
      dark_theme.checked = true;
    }
  }
});