Colori

I token semantici per il colore in Qoovex. Utilizzano OKLCH per una transizione fluida e percettivamente uniforme tra i temi.

import '@qoovex/ui/styles/tokens.css'

Superfici principali

Background--background
Foreground--foreground
Card--card
Card Foreground--card-foreground
Popover--popover
Popover Foreground--popover-foreground

Brand & Semantica

Primary--primary
Primary Foreground--primary-foreground
Secondary--secondary
Secondary Foreground--secondary-foreground
Muted--muted
Muted Foreground--muted-foreground
Accent--accent
Accent Foreground--accent-foreground

Feedback

Destructive--destructive
Destructive Foreground--destructive-foreground
Info--info
Info Foreground--info-foreground
Success--success
Success Foreground--success-foreground
Warning--warning
Warning Foreground--warning-foreground

Form & UI

Border--border
Input--input
Ring--ring

Sidebar

Sidebar--sidebar
Sidebar Foreground--sidebar-foreground
Sidebar Primary--sidebar-primary
Sidebar Primary Foreground--sidebar-primary-foreground
Sidebar Accent--sidebar-accent
Sidebar Accent Foreground--sidebar-accent-foreground
Sidebar Border--sidebar-border
Sidebar Ring--sidebar-ring