MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
    var darkModeEnabled = localStorage.getItem('darkMode') === 'true';
    if (darkModeEnabled) {
        $('body').addClass('dark-mode');
    }

    var toggleButton = $('<button>')
        .text(darkModeEnabled ? 'Switch to Light Mode' : 'Switch to Dark Mode')
        .css({
            position: 'fixed',
            top: '10px',
            right: '10px',
            zIndex: 1000,
            padding: '10px',
            backgroundColor: '#333',
            color: '#fff',
            border: 'none',
            cursor: 'pointer',
        })
        .appendTo('body')
        .click(function () {
            darkModeEnabled = !darkModeEnabled;
            localStorage.setItem('darkMode', darkModeEnabled);
            $('body').toggleClass('dark-mode', darkModeEnabled);
            $(this).text(darkModeEnabled ? 'Switch to Light Mode' : 'Switch to Dark Mode');
        });
});