Colors

Text and background colors from the theme palette, plus two extra families most people never find: subtle tinted variants, and a dead opacity family that looks functional but isn't.

Text color

Preview

Background color

Preview

Subtle variants

A tinted, low-opacity pair per theme color — a soft background with a matching soft border, meant to sit together (think alert/badge backgrounds that don't shout). Undocumented anywhere until now:

subtle bg
subtle border

Body & emphasis extras

Beyond the base palette: three body-surface variants, three body-text variants, plain black/white (fixed, not theme-aware), and a semantic-color-darkened "emphasis" variant of six colors:

bg extras
text extras
darkened emphasis

bg-opacity-* is dead — verified, not a rendering quirk

bg-opacity-10 through bg-opacity-100 exist and set --st-bg-opacity, but nothing in the framework ever reads that variable back — no bg-{color} rule uses it in a color-mix() or rgba(). The class applies and changes nothing. Same story for text-opacity-* (Typography) and border-opacity-* (Borders). For real translucency, use an arbitrary background with an alpha value instead: bg-[rgba(13,110,253,0.5)].
no visible change from bg-opacity-25