Template:Infobox river/styles.css

/* Dark mode header fix for Infobox river */

@media screen {
	html.skin-theme-clientpref-night .infobox td.infobox-above,
	html.skin-theme-clientpref-night .infobox th.infobox-above,
	html.skin-theme-clientpref-night .infobox td.infobox-title,
	html.skin-theme-clientpref-night .infobox th.infobox-title,
	html.skin-theme-clientpref-night .infobox caption,
	html.skin-theme-clientpref-night .infobox th[colspan],
	html.skin-theme-clientpref-night .infobox .infobox-header {
		background-color: #1B223D !important;
		color: #e0f0ff !important;
		border-color: #3a506b !important;
	}

	@media (prefers-color-scheme: dark) {
		html.skin-theme-clientpref-os .infobox td.infobox-above,
		html.skin-theme-clientpref-os .infobox th.infobox-above,
		html.skin-theme-clientpref-os .infobox td.infobox-title,
		html.skin-theme-clientpref-os .infobox th.infobox-title,
		html.skin-theme-clientpref-os .infobox caption,
		html.skin-theme-clientpref-os .infobox th[colspan],
		html.skin-theme-clientpref-os .infobox .infobox-header {
			background-color: #1B223D !important;
			color: #e0f0ff !important;
			border-color: #3a506b !important;
		}
	}
}