MediaWiki:Vector.js: различия между версиями
Aylong (обсуждение | вклад) Новая страница: «→Любой код JavaScript отсюда будет загружаться пользователям темы оформления «Векторная»: var button = document.createElement("button"); button.innerHTML = "Сменить тему (Тестовый режим)"; button.className = "theme-button"; button.onclick = toggleTheme; var container = document.getElementById("p-personal"); if (container) { // Вставляем кнопку...» |
Aylong (обсуждение | вклад) Нет описания правки |
||
| Строка 2: | Строка 2: | ||
var button = document.createElement("button"); | var button = document.createElement("button"); | ||
button.innerHTML = "Сменить тему | button.innerHTML = "Сменить тему"; | ||
button.className = "theme-button"; | button.className = "theme-button"; | ||
button.onclick = toggleTheme; | button.onclick = toggleTheme; | ||
| Строка 8: | Строка 8: | ||
var container = document.getElementById("p-personal"); | var container = document.getElementById("p-personal"); | ||
if (container) { | if (container) { | ||
container.parentNode.insertBefore(button, container); | container.parentNode.insertBefore(button, container); | ||
} | } | ||
window.onload = function() { | |||
var isLightTheme = localStorage.getItem("isLightTheme"); | |||
if (isLightTheme === "true") { | |||
document.documentElement.classList.add('light'); | |||
} | |||
}; | |||
function toggleTheme() { | function toggleTheme() { | ||
document.documentElement.classList.toggle('light'); | var isLightTheme = document.documentElement.classList.toggle('light'); | ||
localStorage.setItem("isLightTheme", isLightTheme); | |||
} | } | ||
Версия от 15:07, 4 мая 2024
/* Любой код JavaScript отсюда будет загружаться пользователям темы оформления «Векторная» */
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);
}
window.onload = function() {
var isLightTheme = localStorage.getItem("isLightTheme");
if (isLightTheme === "true") {
document.documentElement.classList.add('light');
}
};
function toggleTheme() {
var isLightTheme = document.documentElement.classList.toggle('light');
localStorage.setItem("isLightTheme", isLightTheme);
}