MediaWiki:Common.js

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

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
• Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
• Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
• Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы

(function () {
    var storageKey = 'ligapedia-dark-mode';

    if (localStorage.getItem(storageKey) === '1') {
        document.documentElement.classList.add('dark-mode');

        var style = document.createElement('style');
        style.textContent = `
            html.dark-mode,
            html.dark-mode body {
                background-color: #202231 !important;
            }
        `;

        if (document.head) {
            document.head.appendChild(style);
        } else {
            document.documentElement.appendChild(style);
        }
    }
})();

mw.loader.using(['mediawiki.util', 'mediawiki.storage']).done(function () {

    var storageKey = 'ligapedia-dark-mode';
    var isDark = mw.storage.get(storageKey) === '1';

    function setTheme(dark) {

        if (dark) {
            document.documentElement.classList.add('dark-mode');
            mw.storage.set(storageKey, '1');
        } else {
            document.documentElement.classList.remove('dark-mode');
            mw.storage.set(storageKey, '0');
        }

        isDark = dark;
    }

    if (isDark) {
        document.documentElement.classList.add('dark-mode');
    }

    var link = mw.util.addPortletLink(
        'p-personal',
        '#',
        'Тёмная тема',
        'pt-dark-mode-toggle',
        'Переключить тему'
    );

    if (link) {

        $(link).on('click', function (e) {

            e.preventDefault();

            setTheme(!isDark);

            $(this).text(
                isDark ? 'Светлая тема' : 'Тёмная тема'
            );

        });

        $(link).text(
            isDark ? 'Светлая тема' : 'Тёмная тема'
        );
    }

});