Template:Rarity/styles.css

.loka-rarity--common { color: #FCFCFC; }
.loka-rarity--uncommon { color: #23F606; }
.loka-rarity--rare { color: #00B0FC; }
.loka-rarity--epic { color: #B048F8; }
.loka-rarity--legendary { color: #FABA36; }

/* Bold, plus a small warm glow standing in for a literal text gradient --
   background-clip:text (the standard way to paint a gradient through a
   run of text) is rejected outright by this install's TemplateStyles
   sanitizer, both with and without a -webkit- prefix (confirmed live,
   two separate rejected edits: "unrecognized property" for the prefixed
   form, "bad value" for the unprefixed one -- it's the "text" value
   specifically that's blocked, not the property itself). A soft shadow
   in the same red, rather than a second flat colour, is what's left to
   suggest depth/gradient without an actual colour ramp across the
   glyphs. */
.loka-rarity--mythic {
	font-weight: 700;
	color: #E73521;
	text-shadow: 0 0 6px rgba(231, 53, 33, .55), 0 0 1px rgba(255, 138, 110, .8);
}