Color
Alert
danger$color-danger
infohsl(195deg 100% 42%)
success$color-success
warninghsl(48deg 89% 55%)
Base
background$color-white
blockquote-border$color-primary
border$color-gray-light
code-backgroundcolor.change($color-primary, $lightness: 97%)
code-foreground$color-black
heading$color-black
link$color-primary
link-hovercolor.scale($color-primary, $lightness: -20%)
mark-backgroundhsl(50deg 100% 80%)
mark-foreground$color-black
marker$color-primary
primary$color-primary
secondary$color-secondary
strong$color-black
text$color-gray
Button
primary-background$color-primary
primary-background-hovercolor.adjust($color-primary, $lightness: -10%)
primary-foreground$color-white
secondary-background$color-secondary
secondary-background-hovercolor.adjust($color-secondary, $lightness: -10%)
secondary-foreground$color-white
Form
background$color-white
background-disabledhsl(0deg 0% 95%)
borderhsl(260deg 4% 70%)
border-disabled$color-gray-light
border-focus$color-primary
check-background$color-primary
check-focus-ring$color-primary
check-foreground$color-white
invalid$color-danger
invalid-focus-ringcolor.adjust($color-danger, $alpha: -0.75)
label$color-black
legend$color-black
placeholderhsl(208deg 7% 40%)
range-thumb-background$color-primary
range-thumb-focus-ring$color-primary
range-track-background$color-gray-light
ring-focuscolor.adjust($color-primary, $alpha: -0.75)
select-foreground$color-black
text$color-gray
valid$color-success
valid-focus-ringcolor.adjust($color-success, $alpha: -0.75)
Selection
foreground$color-white
background$color-primary
Scrollbar
Table
border$color-gray-light
caption$color-gray
heading$color-black
hoverhsl(0deg 0% 0% / 5%)
stripehsl(0deg 0% 0% / 2.5%)
text$color-gray