MediaWiki:Gadget-dark-mode-toggle.js: Difference between revisions

Revision as of 23:24, 15 May 2024

Revision as of 17:17, 16 May 2024

Line 125:

function checkDisableNativeDarkMode() {

const appearanceMenu = document.getElementById( 'skin-client-prefs-skin-theme' );

// If the appearance menu is not present, try again in 1s. The UI hasn't stabilised yet.

if ( !appearanceMenu ) {

setTimeout( () => {

checkDisableNativeDarkMode();

}, 1000 );

return;

}

const classList = document.documentElement.classList;

const lightMode = if ( classListdocument.containsgetElementById( 'skin-themeclient-clientprefpref-night' ) || classList.contains( 'skin-theme-clientprefvalue-osday' ) ) {;

if ( lightMode && !lightMode.checked ) {

classList.remove( 'skin-theme-clientpref-night', 'skin-theme-clientpref-os' );

classList.add( 'skin-theme-clientpref-day' );

mw.notify( '$(
`<span>Native dark mode has been enabled. Please set "Color" to light theme to avoid conflicts with the dark mode gadget to supress this message.' );

<a href="https://en.wikipedia.org/w/index.php?title=MediaWiki%3AGadget-dark-mode">More information</a></span>`

}

) );

} else {

// everything is good - just disable the radios!

$(appearanceMenu).find('input').prop('disabled', true);

// add exclusion notice

const p = document.createElement('p');

p.setAttribute('class','exclusion-notice skin-theme-exclusion-notice');

p.textContent = 'This has been disabled by the dark mode gadget. Disable the gadget to use this feature.';

$( p ).insertAfter( $(appearanceMenu).find( 'form' ) );

}

}