Colors
The design system includes a main color palette with 9 color shades.
neutral colors
neutral
neutral-dark colors
neutral-dark
content colors
content.primary
content.primary.hovered
content.subtle
content.subtle.hovered
content.subtle.light
content.subtle.light.hovered
content.accent
content.accent.hovered
content.inverted
content.inverted.hovered
content.control.primary
content.control.primary.hovered
content.disabled
content.error
content.error.hovered
content.success
content.success.hovered
background colors
background.primary
background.subtle
background.subtle.hovered
background.subtle.light
background.subtle.light.hovered
background.control.primary
background.control.primary.hovered
background.accent
background.accent.hovered
background.accent.light
background.accent.light.hovered
background.inverted
background.inverted.hovered
background.disabled
background.error
background.error.hovered
background.error.light
background.success
background.success.hovered
background.success.light
background.notification
background.notification.hovered
background.notification.light
background.panels
background.inputs
background.hero
border colors
border.primary
border.primary.hovered
border.subtle
border.subtle.hovered
border.accent
border.accent.hovered
border.inverted
border.inverted.hovered
border.disabled
border.error
border.error.hovered
border.success
border.success.hovered
border.notification
border.notification.hovered
outline colors
outline.default
chart colors
chart.green
chart.green-light
chart.grey-dark
chart.orange-dark