Version 0.40.0

Brand Design

Colors

Brand colors

Brand primary
$sui-brand-primary
HEX #e52728
Brand secondary
$sui-brand-secondary
HEX #263d5c

Application colors

Primary
$sui-color-primary
HEX #0070f3

Text default
$sui-color-text
HEX #263d5c
Text light
$sui-color-text-light
HEX #5a789f
Border
$sui-color-border
HEX #d9dbe3

Base lighter
$sui-color-base-lighter
HEX #fafbfe
Base light
$sui-color-base-light
HEX #e7eff9
Base medium light
$sui-color-base-medium-light
HEX #b8c9e1
Base medium
$sui-color-base-medium
HEX #8098b7
Base medium dark
$sui-color-base-medium-dark
HEX #587193
Base dark
$sui-color-base-dark
HEX #263d5c
Base darker
$sui-color-base-darker
HEX #202F47

Success
$sui-color-success
HEX #4caf50
Success text
$sui-color-success-text
HEX #449d48
Warning
$sui-color-warning
HEX #ffb819
Warning text
$sui-color-warning-text
HEX #ff9219
Danger
$sui-color-danger
HEX #e52728
Danger text
$sui-color-danger-text
HEX #d81a1b