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

(Отмена правки 72182, сделанной Aylong (обсуждение))
Метка: отмена
Нет описания правки
Строка 1: Строка 1:
$(document).ready(function() {
$(document).ready(function() {
    var button = document.createElement("label");
    button.innerHTML = '';
    button.id = "theme-button";
    button.role = "button";
    button.onclick = toggleTheme;
     var container = document.getElementById("p-personal");
     var container = document.getElementById("p-personal");
     if (container) {
     if (container) {
         container.parentNode.insertBefore(button, container);
        var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.id = "theme-toggle";
       
        var label = document.createElement("label");
        label.htmlFor = "theme-toggle";
        label.id = "theme-button";
       
         container.parentNode.insertBefore(checkbox, container);
        container.parentNode.insertBefore(label, container);
     }
     }


Строка 17: Строка 20:
         document.documentElement.classList.remove('light');
         document.documentElement.classList.remove('light');
     }
     }
   
    $("#theme-toggle").change(function() {
        toggleTheme();
    });
});
});



Версия от 19:06, 4 мая 2024

$(document).ready(function() {
    var container = document.getElementById("p-personal");
    if (container) {
        var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.id = "theme-toggle";
        
        var label = document.createElement("label");
        label.htmlFor = "theme-toggle";
        label.id = "theme-button";
        
        container.parentNode.insertBefore(checkbox, container);
        container.parentNode.insertBefore(label, container);
    }

    var isLightTheme = localStorage.getItem("isLightTheme");
    if (isLightTheme === "true") {
        document.documentElement.classList.add('light');
    } else {
        document.documentElement.classList.remove('light');
    }
    
    $("#theme-toggle").change(function() {
        toggleTheme();
    });
});

function toggleTheme() {
    var isLightTheme = document.documentElement.classList.toggle('light');
    localStorage.setItem("isLightTheme", isLightTheme);
}