MediaWiki:Common.js: Difference between revisions

        var currentTheme = getSavedTheme();

        var li = document.createElement('li');

        var button = document.createElement('a');

        button.setAttribute('role', 'button');

        button.setAttribute('href', '#');

        button.id = 'ca-nightmode';

        button.className = 'cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet';

        button.style.cursor = 'pointer';

        var icon = document.createElement('span');

        icon.className = 'minerva-icon';

        icon.style.display = 'flex';

        icon.style.alignItems = 'center';

        icon.style.justifyContent = 'center';

        icon.style.width = '20px';

        icon.style.height = '20px';

        var label = document.createElement('span');

        label.className = 'sr-only';

        label.style.cssText = 'position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;';

        label.textContent = currentTheme === 'night' ? 'Light mode' : 'Dark mode';

        button.appendChild(icon);

        button.appendChild(label);

        li.appendChild(button);

        updateButtonState(button, currentTheme);

        button.addEventListener('click', function (e) {

            e.preventDefault();

            var newTheme = getSavedTheme() === 'night' ? 'day' : 'night';

            saveTheme(newTheme);

            applyTheme(newTheme);

            updateButtonState(button, newTheme);

        });

        return li;

    }