Colors
Brand colors
Primary
--doo-color-brand-primary .has-primary-background-color · #003657
Primary hover
--doo-color-brand-primary-hover .has-primary-hover-background-color · #022137
Secondary
--doo-color-brand-secondary .has-secondary-background-color · #D22D40
Secondary hover
--doo-color-brand-secondary-hover .has-secondary-hover-background-color · #AB1D2E
Background colors
Default
--doo-color-bg-base .has-bg-base-background-color · #FFFFFF
Subtle
--doo-color-bg-subtle .has-bg-subtle-background-color · #EFF2F4
Soft
--doo-color-bg-soft .has-bg-soft-background-color · #E5EBEE
Text colors
Default
--doo-color-text-base .has-text-base-background-color · #1D2022
Muted
--doo-color-text-muted .has-text-muted-background-color · #535E65
Inverse
--doo-color-text-inverse .has-text-inverse-background-color · #FFFFFF
Inverse muted
--doo-color-text-inverse-muted .has-text-inverse-muted-background-color · #809AAB
Status colors
Success
--doo-color-ui-success .has-ui-success-background-color · #CBF6EC
Warning
--doo-color-ui-warning .has-ui-warning-background-color · #FDF2CB
Error
--doo-color-ui-error .has-ui-error-background-color · #FFD8DC
Focus input field
--doo-color-ui-focus .has-ui-focus-background-color · #B7C5CF
Primary pattern
.bg-pattern-primary .bg-primary · 267px tile, repeating; the colour comes from the class under it
Secondary pattern
.bg-pattern-secondary · 89px tile, repeating