# UX4G Tokens — Blur This page lists every primitive and semantic token for the **Blur** family. - Primitive token source: `src/tokens/blur.tokens.css` - Semantic token source: `src/semantic/blur.semantic.css` ## Primitive tokens ```css :root { --ux4g-blur-none: 0px; --ux4g-blur-1: 2px; --ux4g-blur-2: 4px; --ux4g-blur-3: 8px; --ux4g-blur-4: 16px; } ``` ## Semantic tokens ```css :root { --ux4g-blur-none: var(--ux4g-blur-none); --ux4g-blur-subtle: var(--ux4g-blur-1); --ux4g-blur-soft: var(--ux4g-blur-2); --ux4g-blur-medium: var(--ux4g-blur-3); --ux4g-blur-strong: var(--ux4g-blur-4); } ``` ## Dark theme Add `data-theme="dark"` to `` or any ancestor to switch to the dark semantic token set.