Template:Cards/sandbox/styles.css

.blacksuits, .clubs, .spades {
	color: black;
}

.redsuits, .diamonds, .hearts {
	color: red;
}

/* Dark mode fixes - padding prevents black text touching background */
@media screen {
	html.skin-theme-clientpref-night .blacksuits,
	html.skin-theme-clientpref-night .clubs, 
	html.skin-theme-clientpref-night .spades {
		padding-left: 0.2em;
		padding-right: 0.2em;
		background: white;
	}
}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .blacksuits,
	html.skin-theme-clientpref-os .clubs, 
	html.skin-theme-clientpref-os .spades {
		padding-left: 0.2em;
		padding-right: 0.2em;
		background: white;
	}
}