MediaWiki:Vector.js: различия между версиями
Aylong (обсуждение | вклад) Отмена правки 72118, сделанной Aylong (обсуждение) Метка: отмена |
Aylong (обсуждение | вклад) Нет описания правки Метка: отменено |
||
| Строка 1: | Строка 1: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
var button = document.createElement("button"); | |||
button.innerHTML = "Сменить тему"; | |||
button.className = "theme-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'); | |||
} else { | |||
document.documentElement.classList.remove('light'); | |||
} | |||
}); | }); | ||
function toggleTheme() { | function toggleTheme() { | ||
var isLightTheme = document.documentElement.classList.toggle('light'); | |||
localStorage.setItem("isLightTheme", isLightTheme); | |||
setTimeout(function() { | |||
if (isLightTheme) { | |||
document.documentElement.style.setProperty('--color-fg', '#252525'); | |||
document.documentElement.style.setProperty('--color-bg', '#ffffff'); | |||
} else { | |||
document.documentElement.style.setProperty('--color-fg', '#ffffff'); | |||
document.documentElement.style.setProperty('--color-bg', '#252525'); | |||
} | |||
}, 10); | |||
} | } | ||
Версия от 16:34, 4 мая 2024
$(document).ready(function() {
var button = document.createElement("button");
button.innerHTML = "Сменить тему";
button.className = "theme-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');
} else {
document.documentElement.classList.remove('light');
}
});
function toggleTheme() {
var isLightTheme = document.documentElement.classList.toggle('light');
localStorage.setItem("isLightTheme", isLightTheme);
setTimeout(function() {
if (isLightTheme) {
document.documentElement.style.setProperty('--color-fg', '#252525');
document.documentElement.style.setProperty('--color-bg', '#ffffff');
} else {
document.documentElement.style.setProperty('--color-fg', '#ffffff');
document.documentElement.style.setProperty('--color-bg', '#252525');
}
}, 10);
}