MediaWiki:Vector.js: различия между версиями
Aylong (обсуждение | вклад) Нет описания правки |
Aylong (обсуждение | вклад) Нет описания правки Метка: отменено |
||
| Строка 3: | Строка 3: | ||
button.innerHTML = ''; | button.innerHTML = ''; | ||
button.id = "theme-button"; | button.id = "theme-button"; | ||
button.className = "theme-toggle"; | |||
button.role = "button"; | button.role = "button"; | ||
button.onclick = toggleTheme; | button.onclick = toggleTheme; | ||
| Строка 14: | Строка 15: | ||
if (isLightTheme === "true") { | if (isLightTheme === "true") { | ||
document.documentElement.classList.add('light'); | document.documentElement.classList.add('light'); | ||
button.classList.add('checked'); | |||
} else { | } else { | ||
document.documentElement.classList.remove('light'); | document.documentElement.classList.remove('light'); | ||
| Строка 22: | Строка 24: | ||
var isLightTheme = document.documentElement.classList.toggle('light'); | var isLightTheme = document.documentElement.classList.toggle('light'); | ||
localStorage.setItem("isLightTheme", isLightTheme); | localStorage.setItem("isLightTheme", isLightTheme); | ||
var button = document.getElementById("theme-button"); | |||
button.classList.toggle('checked'); | |||
} | } | ||
Версия от 18:56, 4 мая 2024
$(document).ready(function() {
var button = document.createElement("label");
button.innerHTML = '';
button.id = "theme-button";
button.className = "theme-toggle";
button.role = "button";
button.onclick = toggleTheme;
var container = document.getElementById("p-personal");
if (container) {
container.parentNode.insertBefore(button, container);
}
var isLightTheme = localStorage.getItem("isLightTheme");
if (isLightTheme === "true") {
document.documentElement.classList.add('light');
button.classList.add('checked');
} else {
document.documentElement.classList.remove('light');
}
});
function toggleTheme() {
var isLightTheme = document.documentElement.classList.toggle('light');
localStorage.setItem("isLightTheme", isLightTheme);
var button = document.getElementById("theme-button");
button.classList.toggle('checked');
}