MediaWiki:Common.js: Difference between revisions

From Lenn's Fun Stuff

No edit summary
No edit summary
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Dark Mode Toggle - Robust Version */
/* Standard Miraheze Font Loader */
$(function() {
(function() {
     // 1. Create the toggle link
     $('head').append('<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap">');
    var $toggle = $('<li id="pt-darkmode"><span><a href="#">Toggle Dark Mode</a></span></li>');
})();
   
    // 2. Add it to the top right menu
    $('#p-personal ul').append($toggle);
 
    // 3. The Click Function
    $toggle.on('click', function(e) {
        e.preventDefault();
        $('body').toggleClass('dark-mode');
       
        // Save the setting so it stays when you refresh
        var isDark = $('body').hasClass('dark-mode');
        localStorage.setItem('wiki-dark-mode', isDark ? 'enabled' : 'disabled');
        console.log('Dark mode is now: ' + (isDark ? 'ON' : 'OFF'));
    });
 
    // 4. Check for saved preference on page load
    if (localStorage.getItem('wiki-dark-mode') === 'enabled') {
        $('body').addClass('dark-mode');
    }
});

Latest revision as of 23:53, 16 March 2026

/* Standard Miraheze Font Loader */
(function() {
    $('head').append('<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap">');
})();