Vorlage:Referenzen prüfen/styles.css

/* Darstellung für [[Vorlage:Referenzen prüfen]] */

.referenzen-pruefen-box {
	border: 1px dashed #999;
	background-color: #fff;
	color: #000;
}

.referenzen-pruefen-fehler {
	color: red;
}

/* Erzwungener Dunkelmodus */
@media screen {
	html.skin-theme-clientpref-night .referenzen-pruefen-box {
		border-top-color: var(--border-color-base, #72777d);
		border-right-color: var(--border-color-base, #72777d);
		border-bottom-color: var(--border-color-base, #72777d);
		border-left-color: var(--border-color-base, #72777d);
		background-color: var(--background-color-base, #101418);
		color: var(--color-base, #eaecf0);
	}

	html.skin-theme-clientpref-night .referenzen-pruefen-fehler {
		color: var(--color-error, #fd7865);
	}
}

/* Automatischer Dunkelmodus entsprechend der Betriebssystemeinstellung */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .referenzen-pruefen-box {
		border-top-color: var(--border-color-base, #72777d);
		border-right-color: var(--border-color-base, #72777d);
		border-bottom-color: var(--border-color-base, #72777d);
		border-left-color: var(--border-color-base, #72777d);
		background-color: var(--background-color-base, #101418);
		color: var(--color-base, #eaecf0);
	}

	html.skin-theme-clientpref-os .referenzen-pruefen-fehler {
		color: var(--color-error, #fd7865);
	}
}