/* 
 * (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);
	}
	
	/*
	 * (1.2)
	 * Hintergrundfarbe nur im Dark Mode überschreiben.
	 */
	html.skin-theme-clientpref-night .darkmode-hintergrundfarbe-neutral {
		background-color: var(--dewiki-hintergrundfarbe5) !important;
		color: var(--color-base);
	}
	html.skin-theme-clientpref-night .darkmode-hintergrundfarbe-passiv {
		background-color: var(--dewiki-hintergrundfarbe1) !important;
		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);
	}
	
	/*
	 * (2.2)
	 */
	html.skin-theme-clientpref-os .darkmode-hintergrundfarbe-neutral {
		background-color: var(--dewiki-hintergrundfarbe5) !important;
		color: var(--color-base);
	}
	html.skin-theme-clientpref-os .darkmode-hintergrundfarbe-passiv {
		background-color: var(--dewiki-hintergrundfarbe1) !important;
		color: var(--color-base);
	}
}