Colors
v-0.0.0
Primary
primary
#D3450D
primaryLightest
#FDF6F3
primaryDarker
#BC3F0D
primaryDarkest
#B13200
Use cases
Do
- Titles
- Subtitles
- Links
- Buttons
- User interactions interface (hover, focus, checked, etc...)
- Helpers type `Tip`
- Alerts type `Warning`
Accent
accent
#F7A600
accentLightest
#FFFAF2
Use cases
Do
- Icons
- Backgrounds
Don't
- Texts
Secondary
secondary
#3E7A6B
secondaryLightest
#F5F8F7
secondaryDarker
#396A5E
secondaryDarkest
#0C5845
Use cases
Do
- Informative content
- Success content
- Validation content
Don't
- Buttons
- Links
Greys
black
#000000
grey
#333333
greyLight
#C1C1C1
greyLighter
#E5E5E5
greyLightest
#F5F5F5
white
#FFFFFF
Blues
Night blue
#223567
Use cases
Do
- Illustrate night related content
Red
error
#D00404
errorLightest
#FDF2F2
Use cases
Do
- Error content
Classes
Text colors
text--[colorName]
Background colors
bg--[colorName]
Border colors
br--[colorName]
Color names
primaryprimaryLightestprimaryDarkerprimaryDarkestsecondarysecondaryLightestsecondaryDarkersecondaryDarkestaccentaccentLightestblacknightBluegreygreyLightgreyLightergreyLightestwhiteinfosuccesswarningerrorerrorlightest