Wikipedia:Technik/Skin/Gadgets/dewikiDarkmode

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

dewikiDarkmode


Das Gadget dewikiDarkmode ist nicht für Benutzerkonten konfigurierbar.

Es bewirkt Anpassungen und Klassendefinitionen für den Dunkelmodus („Dark Mode“).

dewikiDarkmode
dewikiDarkmode: spezifische Anpassungen für den Dunkelmodus
EigenschaftZuweisung
defaultVorgabe für alle
hiddenversteckt
skinsvector-2022minerva
stylesdewikiDarkmode.css
* dewikiDarkmode[default|hidden|skins=vector-2022,minerva]|dewikiDarkmode.css
Aktive Spezifikation.
/* 
 * (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.