МедияУики:Common.js: Разлика между версии
Направо към навигацията
Направо към търсенето
Редакция без резюме |
Редакция без резюме |
||
(Не са показани 5 междинни версии от същия потребител) | |||
Ред 2: | Ред 2: | ||
/* 🌙 Тъмен режим */ | /* 🌙 Тъмен режим */ | ||
console.log("✅ Common.js се зарежда!"); | 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); | ||
.dark-mode | const enableDark = () => { | ||
. | document.documentElement.classList.add("dark-mode"); | ||
localStorage.setItem("darkMode", "on"); | |||
toggle.innerText = "☀️"; | |||
}; | |||
.dark-mode | const disableDark = () => { | ||
document.documentElement.classList.remove("dark-mode"); | |||
} | localStorage.setItem("darkMode", "off"); | ||
toggle.innerText = "🌙"; | |||
}; | |||
. | toggle.addEventListener("click", () => { | ||
.dark-mode | if (document.documentElement.classList.contains("dark-mode")) { | ||
disableDark(); | |||
} else { | |||
} | enableDark(); | ||
} | |||
}); | |||
. | if (localStorage.getItem("darkMode") === "on") { | ||
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();
// БУТОН КОПИРАЙ КОДА