MediaWiki:Gadget-darkmode.js: Skirtumas tarp puslapio versijų

(function($, mw) {

   const DARK_COOKIE = 'darkmode';

 

  const isMobile = mw.config.get('wgMFMode') !== null;

 

  // Determine initial theme preference

  const themeCookie = $.cookie(THEME_COOKIE);

   const darkCookie = $.cookie(DARK_COOKIE);

  let isDark = themeCookie === 'dark' || (!themeCookie && darkCookie === 'true');

 

  document.documentElement.classList.add(isDark ? 'wgl-theme-dark' : 'wgl-theme-light');

 

   };

 

  function applyTheme(isDarkMode) {

     $('body')

      .toggleClass('wgl-theme-dark wgl-darkmode', isDarkMode)

      .toggleClass('wgl-theme-light wgl-lightmode', !isDarkMode)

      .css({ visibility: 'visible', opacity: 1 });

 

    mw.hook('wgl.themeChanged').fire(isDarkMode ? 'dark' : 'light');

  function updateToggleIcon(isDarkMode) {

    const icon = isDarkMode ? icons.dark : icons.light;

    $(`#${TOGGLE_ID} a`).text(icon);

   // Initialize the toggle functionality

  function initToggle() {

    // Create the toggle link

       isDark ? icons.dark : icons.light,

      $('#pt-userpage, #pt-anonuserpage, #pt-createaccount')[0]

    );

    // Add a class for cursor styling

    $(toggleLink).addClass('darkmode-toggle');

    // Apply the initial theme

    applyTheme(isDark);

    $(toggleLink).on('click', function(e) {

      e.preventDefault();

      isDark = !isDark;

      $.cookie(THEME_COOKIE, isDark ? 'dark' : 'light', { expires: 365, path: '/' });

      $.cookie(DARK_COOKIE, isDark, { expires: 365, path: '/' });

      // Apply the new theme and update icon

       applyTheme(isDark);

       updateToggleIcon(isDark);

    });

   }

   // Ensure necessary modules are loaded before initializing

     $(initToggle);