MediaWiki:Common.js: Difference between revisions

From AirlineSim Wiki
Jump to navigation Jump to search
Created page with "→‎Any JavaScript here will be loaded for all users on every page load.: $(document).ready(function () { var darkModeEnabled = localStorage.getItem('darkMode') === 'true'; if (darkModeEnabled) { $('body').addClass('dark-mode'); } var toggleButton = $('<button>') .text(darkModeEnabled ? 'Switch to Light Mode' : 'Switch to Dark Mode') .css({ position: 'fixed', top: '10px', right: '10px',..."
(No difference)

Revision as of 01:41, 17 November 2024

/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
    var darkModeEnabled = localStorage.getItem('darkMode') === 'true';
    if (darkModeEnabled) {
        $('body').addClass('dark-mode');
    }

    var toggleButton = $('<button>')
        .text(darkModeEnabled ? 'Switch to Light Mode' : 'Switch to Dark Mode')
        .css({
            position: 'fixed',
            top: '10px',
            right: '10px',
            zIndex: 1000,
            padding: '10px',
            backgroundColor: '#333',
            color: '#fff',
            border: 'none',
            cursor: 'pointer',
        })
        .appendTo('body')
        .click(function () {
            darkModeEnabled = !darkModeEnabled;
            localStorage.setItem('darkMode', darkModeEnabled);
            $('body').toggleClass('dark-mode', darkModeEnabled);
            $(this).text(darkModeEnabled ? 'Switch to Light Mode' : 'Switch to Dark Mode');
        });
});