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

Нет описания правки
Метка: отменено
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
$(window).on("load", function() {
$(document).ready(function() {
    var isLightTheme = localStorage.getItem("isLightTheme");
    if (isLightTheme === "true") {
        document.documentElement.setAttribute('data-theme', 'light');
    } else {
        document.documentElement.setAttribute('data-theme', 'dark');
    }
 
     var button = document.createElement("button");
     var button = document.createElement("button");
     button.innerHTML = "Сменить тему";
     button.innerHTML = "Сменить тему";
Строка 15: Строка 8:
     if (container) {
     if (container) {
         container.parentNode.insertBefore(button, container);
         container.parentNode.insertBefore(button, container);
    }
    var isLightTheme = localStorage.getItem("isLightTheme");
    if (isLightTheme === "true") {
        setLightTheme();
    } else {
        setDarkTheme();
     }
     }
});
});


function toggleTheme() {
function toggleTheme() {
     const root = document.documentElement;
     var isLightTheme = localStorage.getItem("isLightTheme");
     const currentTheme = root.getAttribute('data-theme');
     if (isLightTheme === "true") {
     const newTheme = currentTheme === 'light' ? 'dark' : 'light';
        setDarkTheme();
     root.setAttribute('data-theme', newTheme);
        localStorage.setItem("isLightTheme", "false");
    } else {
        setLightTheme();
        localStorage.setItem("isLightTheme", "true");
     }
}
 
function setLightTheme() {
    var root = document.documentElement;
    root.style.setProperty('--color-fg', '#252525');
     root.style.setProperty('--color-bg', '#ffffff');
}


     localStorage.setItem("isLightTheme", newTheme === 'light');
function setDarkTheme() {
     var root = document.documentElement;
    root.style.setProperty('--color-fg', '#ffffff');
    root.style.setProperty('--color-bg', '#252525');
}
}

Версия от 17:15, 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") {
        setLightTheme();
    } else {
        setDarkTheme();
    }
});

function toggleTheme() {
    var isLightTheme = localStorage.getItem("isLightTheme");
    if (isLightTheme === "true") {
        setDarkTheme();
        localStorage.setItem("isLightTheme", "false");
    } else {
        setLightTheme();
        localStorage.setItem("isLightTheme", "true");
    }
}

function setLightTheme() {
    var root = document.documentElement;
    root.style.setProperty('--color-fg', '#252525');
    root.style.setProperty('--color-bg', '#ffffff');
}

function setDarkTheme() {
    var root = document.documentElement;
    root.style.setProperty('--color-fg', '#ffffff');
    root.style.setProperty('--color-bg', '#252525');
}