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.

$(document).ready(function () {
    var darkModeEnabled = localStorage.getItem('darkMode') === 'true';

    // Apply dark mode if enabled
    if (darkModeEnabled) {
        $('body').addClass('dark-mode');
    }

    // Create the toggle button
    var toggleButton = $('<li>')
        .addClass('dark-mode-toggle')
        .html('<a href="#">' + (darkModeEnabled ? 'Light Mode' : 'Dark Mode') + '</a>')
        .click(function (e) {
            e.preventDefault();
            darkModeEnabled = !darkModeEnabled;
            localStorage.setItem('darkMode', darkModeEnabled);
            $('body').toggleClass('dark-mode', darkModeEnabled);
            $(this).find('a').text(darkModeEnabled ? 'Light Mode' : 'Dark Mode');
        });

    // Append to the personal tools section in the header
    $('#p-personal ul').append(toggleButton);
});