Wikipedia:Technik/Skin/Gadgets/dewikiDarkmode
dewikiDarkmode
Das Gadget dewikiDarkmode ist nicht für Benutzerkonten konfigurierbar.
Es bewirkt Anpassungen und Klassendefinitionen für den Dunkelmodus („Dark Mode“).
Profil
[Quelltext bearbeiten]dewikiDarkmode: spezifische Anpassungen für den Dunkelmodus | |
Eigenschaft | Zuweisung |
---|---|
default | Vorgabe für alle |
hidden | versteckt |
skins | vector-2022 minerva |
styles | dewikiDarkmode.css |
* dewikiDarkmode[default|hidden|skins=vector-2022,minerva]|dewikiDarkmode.css
Aktive Spezifikation.
CSS
[Quelltext bearbeiten]/*
* (1)
* VOM BENUTZER EXPLIZIT GESETZTER DARK MODE
* Klasse skin-theme-clientpref-night im HTML-Tag gesetzt
* Immer auch die korrespondierende Regel in (2) anpassen!
*/
@media screen {
/*
* (1.1)
* Ergänzung für Zebra-Tabellen: Farben auch für Zeilen mit ungeradem Index färben, spezifische Farbzuweisungen
* für einzelne Zeilen sowie per Standard-Hintergrundfarbe eingefärbte Zellen bleiben erhalten.
*/
html.skin-theme-clientpref-night table.wikitable.zebra:not(.notheme) > tbody > :nth-child(odd):not([class*="hintergrundfarbe"]) {
background-color: var(--dewiki-hintergrundfarbe1);
color: var(--color-base);
}
}
/*
* (2)
* VOM BROWSER/OS ANGEFORDERTER DARK MODE
* Klasse skin-theme-clientpref-os im HTML-Tag gesetzt
* Die Definitionen aus (1) wiederholen sich hier.
*/
@media screen and (prefers-color-scheme: dark) {
/*
* (2.1)
*/
html.skin-theme-clientpref-os table.wikitable.zebra:not(.notheme) > tbody > :nth-child(odd):not([class*="hintergrundfarbe"]) {
background-color: var(--dewiki-hintergrundfarbe1);
color: var(--color-base);
}
}
Änderungswünsche
[Quelltext bearbeiten]Bitte auf MediaWiki/Änderungen vorschlagen.