Vorlage:DarkModeCheck/styles.css

.redback   { background:#ff0000; padding:1em; min-width:250px; color:#0000FF; }
.blueback  { background:#0000ff; padding:1em; min-width:250px; color:#FF0000; }
.greenback { background:#00ff00; padding:1em; min-width:250px; color:#ff00FF; }
math       { background:#00ff00; padding:1em; min-width:250px; color:#FF00ff; }
@media screen
{
	html.skin-theme-clientpref-night .redback   { background-color:#0000ff; padding:1em; color:#FF0000; }
	html.skin-theme-clientpref-night .blueback  { background-color:#ff0000; padding:1em; color:#0000FF;  }
	html.skin-theme-clientpref-night math       { background:#FF00ff; padding:1em; min-width:250px; color:#00ff00; }
}
@media screen and (prefers-color-scheme: dark)
{
	html.skin-theme-clientpref-os .greenback    { background:#FF00ff; padding:1em; min-width:250px; color:#00ff00; }

}