MediaWiki:Gadget-dewikiDarkmode.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/*
 * Lokale Adaption des Darkmode-Hack-Stylesheets aus WikimediaMessages:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikimediaMessages/+/refs/heads/master/modules/ext.wikimediamessages.styles/theme-night.less
 * begrenzt und ergänzt auf/um auf die deutschsprachige Wikipedia zutreffende Fälle
 */

/* 
 * (1)
 * Elementen mit Inline-Angabe von Hintergrundfarbe automatisch die dunkle
 * Textfarbe des hellen Modus zuweisen, vgl. [[phab:T358385]] und [[phab:T358797]],
 * aber nicht, wenn Hintergrundfarben per lokaler Klasse gesetzt werden, da diese
 * selbst auf den Darkmode reagieren
 */
html.skin-theme-clientpref-night .mw-parser-output :is([bgcolor], [style*='background']):not([class*='hintergrundfarbe']) {
	color: #202122;
}

/* 
 * (2)
 * Text- und Hintergrundfarbe von Infoboxen korrigieren
 */
html.skin-theme-clientpref-night .infobox:not(.notheme, .wikitable, [class*='hintergrundfarbe']) {
	background-color: var(--background-color-interactive-subtle) !important;
	border-color: var(--border-color-subtle) !important;
	color: var(--color-base) !important;
}
html.skin-theme-clientpref-night .infobox :is(th, td, p, caption):not(.notheme, [class*='hintergrundfarbe']),
html.skin-theme-clientpref-night .infobox > div:not(.notheme, [class*='hintergrundfarbe']) {
	background-color: inherit !important;
	color: inherit !important;
}

@media (prefers-color-scheme: dark) {
	/* 
	 * (1)
	 */
	html.skin-theme-clientpref-os .mw-parser-output :is([bgcolor], [style*='background']):not([class*='hintergrundfarbe']) {
		color: #202122;
	}

	/* 
	 * (2)
	 */
	html.skin-theme-clientpref-os .infobox:not(.notheme, .wikitable, [class*='hintergrundfarbe']) {
		background-color: var(--background-color-interactive-subtle) !important;
		border-color: var(--border-color-subtle) !important;
		color: var(--color-base) !important;
	}
	html.skin-theme-clientpref-os .infobox :is(th, td, p, caption):not(.notheme, [class*='hintergrundfarbe']),
	html.skin-theme-clientpref-os .infobox > div:not(.notheme, [class*='hintergrundfarbe']) {
		background-color: inherit !important;
		color: inherit !important;
	}
}