Colors
Values are extracted from current theme.
Base colors
--background-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--background-color-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--foreground-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Borders
--border-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--border-color-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Text selection
--selection-background-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--selection-foreground-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Overlays
--overlay-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Generic components
--component-content-background Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--component-content-background-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Buttons
--button-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--button-background Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--button-background--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--button-background--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--button-color--disabled Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Badges
--badge-background Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--badge-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Links
--link-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--link-color--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Loading state
--loading-color Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Tables
--table-background--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
States: blue
--state-color-blue Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-blue--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-blue--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-blue-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
States: green
--state-color-green Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-green--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-green--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-green-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
States: red
--state-color-red Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-red--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-red--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-red-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
States: orange
--state-color-orange Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-orange--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-orange--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-orange-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
States: mute
--state-color-mute Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-mute--hover Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-mute--active Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--state-color-mute-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Colors
--color-primary Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-black-like Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-white-like Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-blue Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-green Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-mute Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-orange Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-red Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-yellow Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-olive Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-teal Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-violet Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-purple Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-pink Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-brown Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-grey Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Alt colors
--color-primary-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-black-like-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-white-like-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-blue-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-green-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-mute-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-orange-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-red-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-yellow-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-olive-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-teal-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-violet-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-purple-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-pink-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-brown-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.
--color-grey-alt Lorem ipsum dolor sit amet, consectetur adipisicing elit.