Kaph: Use a text-shadow glow instead of gradient-clipped text (rejected by the CSS sanitizer)

2026-08-22T22:16:38Z

Use a text-shadow glow instead of gradient-clipped text (rejected by the CSS sanitizer)

New page

.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);
}

Template:Rarity/styles.css - Revision history

Kaph: Use a text-shadow glow instead of gradient-clipped text (rejected by the CSS sanitizer)