Benutzer:The Other Karma/Dunkler Modus (Gadget)

Dark Mode
The Other Karma/Dunkler Modus (Gadget)
Beschreibung	Dunkler Modus für Wikimedia-Wikis
Autor(en)	CSS: Volker E. (WMF), MusikAnimal, AHollender (WMF)
Status	Stable
Aktualisiert	Juli 26, 2022
Browser	Moderne Browser mit CSS-Filterunterstützung
Skin Unterstützung	Alle
Source	MediaWiki:Gadget-dark-mode.css, MediaWiki:Gadget-dark-mode-toggle.js

WikimediaUI Dark Mode ist ein Gadget zur Aktivierung des Dark Mode in modernen Browsern, basierend auf der experimentellen Arbeit der Wikimedia Design Team-Mitglieder Volker E. und Alex Hollender mit Unterstützung des Freiwilligen MusikAnimal und anderer.

Vorschau des dunklen Modus auf der Hauptseite.

Zum Aktivieren gehen Sie zu den Gadget-Einstellungen und aktivieren Sie das Gadget "Schalter für dunklen Modus": Aktivieren Sie einen Schalter, um einen hellen Text auf einem dunklen Hintergrund zu verwenden".

Sie sollten nun einen Schalter "Dunkler Modus" oben auf den Seiten sehen. Wenn Sie den dunklen Modus auf der Grundlage des Farbschemas Ihres Systems automatisch aktivieren/deaktivieren möchten, fügen Sie Folgendes zu Ihrer common.js-Seite hinzu:

window.wpDarkModeAutoToggle = true;

Jeder moderne Browser funktioniert, mit der einzigen Ausnahme von Opera Mini, der keine Filterunterstützung bietet.

Einrichten des Gadgets in Ihrem Wiki

Das CSS wurde mit Blick auf Wikipedia-Seiten geschrieben (siehe phab:T221425), daher sind die Erfahrungen mit anderen Wikis möglicherweise nicht optimal.

Um das Gadget in Ihrem Wiki einzurichten, bitten Sie einen Benutzeroberflächen-Administrator, Folgendes zu tun:

• Erstellen Sie die Seiten MediaWiki:Gadget-dark-mode.css, MediaWiki:Gadget-dark-mode-toggle-pagestyles.css und MediaWiki:Gadget-dark-mode-toggle.js durch Kopieren der englischen Wikipedia-Versionen. Passen Sie die Lokalisierungszeichenfolgen nach Bedarf an.
  • Während die CSS-Seiten kopiert werden müssen, um FOUCs zu vermeiden, die durch langsames Laden entstehen, können Sie für die JS-Seite stattdessen die enwiki-Version dynamisch laden:

    mw.messages.set( {
        // Set localised messages
    } );
    mw.loader.load( 'https://en.wikipedia.org/w/load.php?modules=ext.gadget.dark-mode-toggle&only=scripts' );
    

• Hinzufügen zu MediaWiki:Gadgets-definition:

   * dark-mode-toggle [ResourceLoader | targets = desktop, mobile | dependencies = mediawiki.util, mediawiki.api, mediawiki.Uri, mediawiki.storage, es6-polyfills | peers = dark-mode-toggle-pagestyles] | dark-mode-toggle.js
   * dark-mode-toggle-pagestyles [hidden|targets=desktop,mobile | skins=vector,vector-2022,minerva,monobook] | dark-mode-toggle-pagestyles.css
  

• Füge das Folgende am Ende von MediaWiki:Gadgets-Definition hinzu. Dies ist ein internes Gadget, das aus technischen Gründen nicht als versteckt markiert werden kann.

   * dark-mode [ResourceLoader | targets = desktop, mobile] | dark-mode.css
  

• Erstellen Sie die Gadget-Beschreibungsseiten MediaWiki:Gadget-dark-mode-toggle (das Hauptgadget für den "dunklen Modus") und MediaWiki:Gadget-dark-mode (das ist das interne Gadget - stellen Sie sicher, dass die Beschreibung so ist, dass die Benutzer dieses nicht aktivieren).