МедияУики:Common.js: Разлика между версии

От WIKI-TONI
Направо към навигацията Направо към търсенето
Редакция без резюме
Редакция без резюме
 
(Не са показани 3 междинни версии от същия потребител)
Ред 2: Ред 2:
/* 🌙 Тъмен режим */
/* 🌙 Тъмен режим */
console.log("✅ Common.js се зарежда!");
console.log("✅ Common.js се зарежда!");
document.addEventListener("DOMContentLoaded", function () {
function initDarkModeToggle() {
  if (!document.body) {
    return setTimeout(initDarkModeToggle, 100); // изчакай, ако body още не е заредено
  }
 
   const toggle = document.createElement("button");
   const toggle = document.createElement("button");
   toggle.innerText = "🌙";
   toggle.innerText = "🌙";
Ред 44: Ред 48:
     enableDark();
     enableDark();
   }
   }
});
}
 
initDarkModeToggle();
 
// БУТОН КОПИРАЙ КОДА

Текуща версия към 11:10, 2 април 2025

/* Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители. */
/* 🌙 Тъмен режим */
console.log("✅ Common.js се зарежда!");
function initDarkModeToggle() {
  if (!document.body) {
    return setTimeout(initDarkModeToggle, 100); // изчакай, ако body още не е заредено
  }

  const toggle = document.createElement("button");
  toggle.innerText = "🌙";
  toggle.id = "darkModeToggle";
  toggle.style.position = "fixed";
  toggle.style.top = "15px";
  toggle.style.right = "15px";
  toggle.style.zIndex = "9999";
  toggle.style.padding = "8px 12px";
  toggle.style.borderRadius = "8px";
  toggle.style.border = "none";
  toggle.style.background = "#333";
  toggle.style.color = "#fff";
  toggle.style.cursor = "pointer";
  toggle.style.fontSize = "18px";
  toggle.title = "Превключи тъмен/светъл режим";

  document.body.appendChild(toggle);

  const enableDark = () => {
    document.documentElement.classList.add("dark-mode");
    localStorage.setItem("darkMode", "on");
    toggle.innerText = "☀️";
  };

  const disableDark = () => {
    document.documentElement.classList.remove("dark-mode");
    localStorage.setItem("darkMode", "off");
    toggle.innerText = "🌙";
  };

  toggle.addEventListener("click", () => {
    if (document.documentElement.classList.contains("dark-mode")) {
      disableDark();
    } else {
      enableDark();
    }
  });

  if (localStorage.getItem("darkMode") === "on") {
    enableDark();
  }
}

initDarkModeToggle();

// БУТОН КОПИРАЙ КОДА