themeBtn.textContentdocument.addEventListener("DOMContentLoaded", () => {
  const themeBtn = document.getElementById("sidebar-theme-btn");

  function setTheme(mode) {
    const dark = mode === "dark";
    document.body.classList.toggle("dark-mode", dark);
    localStorage.setItem("site_theme", dark ? "dark" : "light");
    if (themeBtn) themeBtn.textContent = dark ? "الوضع النهاري" : "الوضع الليلي";
  }

  function toggleTheme() {
    const darkNow = document.body.classList.contains("dark-mode");
    setTheme(darkNow ? "light" : "dark");
  }

  function initTheme() {
    const saved = localStorage.getItem("site_theme") || "light";
    setTheme(saved);
  }

  if (themeBtn) {
    themeBtn.addEventListener("click", toggleTheme);
  }

  initTheme();
});

window.addEventListener("storage", () => {
  const saved = localStorage.getItem("site_theme") || "light";
  setTheme(saved);
});
