Optional
accent accent ?: string
Optional
accent- foreground "accent-foreground" ?: string
Optional
background background ?: string
Optional
border border ?: string
Optional
card card ?: string
Optional
card- foreground "card-foreground" ?: string
Optional
destructive destructive ?: string
Optional
destructive- foreground "destructive-foreground" ?: string
Optional
foreground foreground ?: string
Optional
muted muted ?: string
Optional
muted- foreground "muted-foreground" ?: string
Optional
popover popover ?: string
Optional
popover- foreground "popover-foreground" ?: string
Optional
primary primary ?: string
Optional
primary- foreground "primary-foreground" ?: string
Optional
radius radius ?: string
Optional
ring ring ?: string
Optional
secondary secondary ?: string
Optional
secondary- foreground "secondary-foreground" ?: string
"sidebar-accent" ?: string
"sidebar-accent-foreground" ?: string
"sidebar-background" ?: string
"sidebar-border" ?: string
"sidebar-foreground" ?: string
"sidebar-primary" ?: string
"sidebar-primary-foreground" ?: string
Theme colors and other CSS variable properties that adjust the looks of the application. These are applied in CSS properties using
hsl(var(--variableName))
or Tailwind classes liketw-bg-primary
See the wiki's Matching Application Theme section for more information.