Template:Infobox graph/styles.css

/* A safe image background that works for almost all images in dark mode
(via skin-theme-clientpref-night) */
@media screen {
	html.skin-theme-clientpref-night .infobox-image img {
		background-color: var(--background-color-inverted, #f8f9fa);
	}
	html.skin-theme-clientpref-night .infobox-image img[src$="svg.png"]{
		filter: invert(1);
		background-color: transparent;
	}
}

/* A safe image background that works for almost all images in dark mode
(via operating system opt-in) */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .infobox-image img { 
		background-color: var(--background-color-inverted, #f8f9fa);
	}
	html.skin-theme-clientpref-os .infobox-image img[src$="svg.png"]{
		filter: invert(1);
		background-color: transparent;
	}
}