MediaWiki:Common.js: Difference between revisions

From Lenn's Fun Stuff

No edit summary
No edit summary
Line 1: Line 1:
/* Dark Mode Toggle for Anisa Skin */
/* Dark Mode Toggle for Anisa - Forceful Version */
$(function() {
$(function() {
    // Add the toggle to the personal menu
     var $toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>');
     var toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>');
     $('#p-personal ul').first().append($toggle);
     $('#p-personal .vector-menu-content-list, #p-personal ul').first().append(toggle);


     toggle.on('click', function(e) {
     function applyDarkMode(isDark) {
        if (isDark) {
            $('body, #mw-content-block, .anisa-main-container, #content').addClass('dark-mode');
        } else {
            $('body, #mw-content-block, .anisa-main-container, #content').removeClass('dark-mode');
        }
    }
 
    $toggle.on('click', function(e) {
         e.preventDefault();
         e.preventDefault();
         $('body').toggleClass('dark-mode');
         var turningOn = !$('body').hasClass('dark-mode');
          
         applyDarkMode(turningOn);
        // Save preference
         localStorage.setItem('anisa-dark-mode', turningOn ? 'on' : 'off');
        var isDark = $('body').hasClass('dark-mode');
         localStorage.setItem('anisa-dark-mode', isDark ? 'on' : 'off');
     });
     });


     // Load saved preference
     // Run on load
     if (localStorage.getItem('anisa-dark-mode') === 'on') {
     if (localStorage.getItem('anisa-dark-mode') === 'on') {
         $('body').addClass('dark-mode');
         applyDarkMode(true);
     }
     }
});
});

Revision as of 00:15, 12 March 2026

/* Dark Mode Toggle for Anisa - Forceful Version */
$(function() {
    var $toggle = $('<li id="pt-darkmode" class="mw-list-item"><a href="#"><span>Toggle Dark Mode</span></a></li>');
    $('#p-personal ul').first().append($toggle);

    function applyDarkMode(isDark) {
        if (isDark) {
            $('body, #mw-content-block, .anisa-main-container, #content').addClass('dark-mode');
        } else {
            $('body, #mw-content-block, .anisa-main-container, #content').removeClass('dark-mode');
        }
    }

    $toggle.on('click', function(e) {
        e.preventDefault();
        var turningOn = !$('body').hasClass('dark-mode');
        applyDarkMode(turningOn);
        localStorage.setItem('anisa-dark-mode', turningOn ? 'on' : 'off');
    });

    // Run on load
    if (localStorage.getItem('anisa-dark-mode') === 'on') {
        applyDarkMode(true);
    }
});