Vorlage:Manueller Rahmen/styles.css

/* 
 * Hintergrundfarbe der .thumbimage-Klasse zurücksetzen und auf das eigentliche Bildelement anwenden,
 * da sich in der Vorlage:Manueller Rahmen auch andere Elemente als Bilder innerhalb des .thumbimage-divs
 * befinden können.
 */
.vorlage-manueller-rahmen .thumbimage:not([style*="background"]) {
	background-color: revert;
}
.vorlage-manueller-rahmen .thumbimage:not([style*="background"]) .mw-file-element {
	background-color: var(--background-color-base-fixed, #ffffff);
	color: var(--color-base-fixed, #202122);
}

/* Dunkelmodus: Hintergrund abdunkeln */
@media screen {
	html.skin-theme-clientpref-night .vorlage-manueller-rahmen .thumbimage:not([style*="background"]) span[typeof="mw:File"]:not(.skin-invert-image) img {
		background-color: var(--background-color-base-fixed, #ffffff);
		color: var(--color-base-fixed, #202122);
		filter: brightness(0.8)
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .vorlage-manueller-rahmen .thumbimage:not([style*="background"]) span[typeof="mw:File"]:not(.skin-invert-image) img {
		background-color: var(--background-color-base-fixed, #ffffff);
		color: var(--color-base-fixed, #202122);
		filter: brightness(0.8)
	}
}