MediaWiki:Vector.js: различия между версиями

(Новая страница: «→‎Любой код JavaScript отсюда будет загружаться пользователям темы оформления «Векторная»: var button = document.createElement("button"); button.innerHTML = "Сменить тему (Тестовый режим)"; button.className = "theme-button"; button.onclick = toggleTheme; var container = document.getElementById("p-personal"); if (container) { // Вставляем кнопку...»)
 
Нет описания правки
Строка 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);
}