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

Нет описания правки
Нет описания правки
Метка: отменено
Строка 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');
}