# UX4G Tokens — Text-transform This page lists every primitive and semantic token for the **Text-transform** family. - Primitive token source: `src/tokens/text-transform.tokens.css` - Semantic token source: `src/semantic/text-transform.semantic.css` ## Primitive tokens ```css :root { --ux4g-text-transform-none: none; --ux4g-text-transform-lowercase: lowercase; --ux4g-text-transform-uppercase: uppercase; --ux4g-text-transform-capitalize: capitalize; } ``` ## Semantic tokens ```css :root { --ux4g-text-case-default: var(--ux4g-text-transform-none); --ux4g-text-case-lower: var(--ux4g-text-transform-lowercase); --ux4g-text-case-upper: var(--ux4g-text-transform-uppercase); --ux4g-text-case-capitalize: var(--ux4g-text-transform-capitalize); } ``` ## Dark theme Add `data-theme="dark"` to `` or any ancestor to switch to the dark semantic token set.