МедияУики:Common.js: Разлика между версии
Направо към навигацията
Направо към търсенето
Редакция без резюме |
Редакция без резюме |
||
Ред 2: | Ред 2: | ||
/* 🌙 Тъмен режим */ | /* 🌙 Тъмен режим */ | ||
console.log("✅ Common.js се зарежда!"); | console.log("✅ Common.js се зарежда!"); | ||
document.addEventListener("DOMContentLoaded", function () { | |||
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(); | |||
} | |||
}); |
Версия от 19:25, 31 март 2025
/* Този файл съдържа код на Джаваскрипт и се зарежда при всички потребители. */
/* 🌙 Тъмен режим */
console.log("✅ Common.js се зарежда!");
document.addEventListener("DOMContentLoaded", function () {
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();
}
});