Zum Inhalt springen

MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus Korstipedia
Keine Bearbeitungszusammenfassung
Use ES5
Zeile 1: Zeile 1:
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
var darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
function handleDarkMode(enable) {
function handleDarkMode(enable) {
     const $darkModeLink = $( '.ext-darkmode-link' );
     var $darkModeLink = $( '.ext-darkmode-link' );
     const isDarkMode = $darkModeLink.find( '.mw-ui-icon-moon' )[0] === undefined;
     var isDarkMode = $darkModeLink.find( '.mw-ui-icon-moon' )[0] === undefined;


     if (isDarkMode !== enable) {
     if (isDarkMode !== enable) {
Zeile 9: Zeile 9:
}
}
handleDarkMode(darkModeMediaQuery.matches);
handleDarkMode(darkModeMediaQuery.matches);
darkModeMediaQuery.onchange = event => {handleDarkMode(event.matches);}
darkModeMediaQuery.onchange = function (event) {
  handleDarkMode(event.matches);
};

Version vom 18. Januar 2024, 01:47 Uhr

var darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
function handleDarkMode(enable) {
    var $darkModeLink = $( '.ext-darkmode-link' );
    var isDarkMode = $darkModeLink.find( '.mw-ui-icon-moon' )[0] === undefined;

    if (isDarkMode !== enable) {
        document.getElementsByClassName("ext-darkmode-link")[0].click();
    }
}
handleDarkMode(darkModeMediaQuery.matches);
darkModeMediaQuery.onchange = function (event) {
  handleDarkMode(event.matches);
};