Skip to main content

Module token

Module token 

Source
Expand description

Fixed semantic token vocabulary for ferro-theme/v1.

Defines ~23 semantic slots that every theme must provide. Tokens are CSS custom properties resolved by the Tailwind v4 @theme directive. Components reference them as utility classes (bg-primary, text-surface, etc.).

Constantsยง

ALL_TOKENS
All token names in the ferro-theme/v1 vocabulary (23 slots).
TOKEN_ACCENT
Accent color for decorative highlights.
TOKEN_BACKGROUND
Background of the page.
TOKEN_BORDER
Default border color.
TOKEN_CARD
Card background (further raised above surface).
TOKEN_DESTRUCTIVE
Destructive / danger actions.
TOKEN_FONT_MONO
Monospace font stack.
TOKEN_FONT_SANS
Sans-serif font stack.
TOKEN_PRIMARY
Primary action color (buttons, links, highlights).
TOKEN_PRIMARY_FOREGROUND
Foreground color on primary backgrounds.
TOKEN_RADIUS_FULL
Full (pill) border radius.
TOKEN_RADIUS_LG
Large border radius (cards, modals).
TOKEN_RADIUS_MD
Medium border radius (default for most elements).
TOKEN_RADIUS_SM
Extra-small border radius.
TOKEN_SECONDARY
Secondary action color.
TOKEN_SECONDARY_FOREGROUND
Foreground color on secondary backgrounds.
TOKEN_SHADOW_LG
Large shadow (modals, popovers).
TOKEN_SHADOW_MD
Medium shadow (floating panels).
TOKEN_SHADOW_SM
Subtle shadow (inputs, small cards).
TOKEN_SUCCESS
Success / confirmation state.
TOKEN_SURFACE
Raised surface above background (panels, sidebars).
TOKEN_TEXT
Primary text color.
TOKEN_TEXT_MUTED
Muted/secondary text color.
TOKEN_WARNING
Warning / caution state.