MediaWiki:Vector.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

$(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');
}