Color Palette Reference

All the color tokens of your palette

Utility Classes

A few utility classes for common design elements. These classes are derived from the theme tokens. You can use these classes to quickly style your components, or override them to match your design.

BackgroundSnowman
ForegroundBlack sabbath
CardPartial pink
Card ForegroundUmbra
PopoverWhite
Popover ForegroundUmbra
MutedSnow
Muted ForegroundUmbra
DestructiveHotspot
Destructive ForegroundScandinavian liquorice
SidebarFairy dust
Sidebar ForegroundUmbra
Sidebar BorderMinute mauve
Sidebar RingTamed beauty
Sidebar PrimaryPink pride
Sidebar Primary FGBack in black
Sidebar AccentHotspot
Sidebar Accent FGScandinavian liquorice
BorderMinute mauve
RingTamed beauty
InputChain mail