MediaWiki:Common.js: Difference between revisions

Revision as of 01:47, 17 November 2024

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