Semantic tokens
Apply this block in a fresh shadcn project and the base components already render in the Fluxr identity, with no manual override.
| Preview | Token | Value | Use |
|---|---|---|---|
| Site background | |||
| Cards and panels | |||
| Popover, dropdown | |||
| Borders and separators |
| Preview | Token | Value | Use |
|---|---|---|---|
| Body text | |||
| Supporting text | |||
| Large text only (4.0:1) | |||
| Text on lime |
Four intensities. Restricted to CTA and focus: glow on everything is glow on nothing.
The focus ring is lime and it is mandatory — an invisible focus ring is an accessibility failure, not a styling choice.
focus ring
selection
Fluxr Pro
#C3F400 / #141414
hover
Apply this block in a fresh shadcn project and the base components already render in the Fluxr identity, with no manual override.
| shadcn/ui | Fluxr token | Value |
|---|---|---|
| #0B0F19 | ||
| #E2E8F0 | ||
| #161B28 | ||
| #E2E8F0 | ||
| #1E293B | ||
| #E2E8F0 | ||
| #C3F400 | ||
| #141414 | ||
| #161B28 | ||
| #E2E8F0 | ||
| #161B28 | ||
| #94A3B8 | ||
| #C3F400 | ||
| #141414 | ||
| #E2625A | ||
| #1F2937 | ||
| #1F2937 | ||
| #C3F400 |