MediaWiki:Common.js: Difference between revisions

Created page with "Dark Mode Toggle: $(function() { var toggle = $('<li id="pt-darkmode"><span><a href="#">Toggle Dark Mode</a></span></li>'); $('#p-personal ul').append(toggle); toggle.click(function(e) { e.preventDefault(); $('body').toggleClass('dark-mode'); // Save preference to local storage var isDark = $('body').hasClass('dark-mode'); localStorage.setItem('dark-mode-pref', isDark); }); // Check for saved preference o..."
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Dark Mode Toggle */
/* Standard Miraheze Font Loader */
$(function() {
(function() {
     var toggle = $('<li id="pt-darkmode"><span><a href="#">Toggle Dark Mode</a></span></li>');
     $('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">');
    $('#p-personal ul').append(toggle);
})();
 
    toggle.click(function(e) {
        e.preventDefault();
        $('body').toggleClass('dark-mode');
        // Save preference to local storage
        var isDark = $('body').hasClass('dark-mode');
        localStorage.setItem('dark-mode-pref', isDark);
    });
 
    // Check for saved preference on load
    if (localStorage.getItem('dark-mode-pref') === 'true') {
        $('body').addClass('dark-mode');
    }
});