Template:Blue-invert/styles.css

.blue-invert {
	color: blue;
}

.red-invert {
	color: red;
}

@media screen {
	html.skin-theme-clientpref-night .blue-invert {
		color: #b9bbf7;
	}
	
	html.skin-theme-clientpref-night .red-invert {
		color: #d0717a;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .blue-invert {
		color: #b9bbf7;
	}
	
	html.skin-theme-clientpref-os .red-invert {
		color: #d0717a;
	}
}