Color
Use these classes to apply a custom background color or stroke colour to an element.
Fill
Common
white
fill--white
black
fill--black
Greys
grey 90
fill--grey90
grey 80
fill--grey80
grey 70
fill--grey70
grey 60
fill--grey60
grey 50
fill--grey50
grey 40
fill--grey40
grey 30
fill--grey30
grey 20
fill--grey20
grey 10
fill--grey10
grey 5
fill--grey5
Brand
primary
fill--primary
primary light
fill--primaryLight
primary dark
fill--primaryDark
secondary
fill--secondary
secondary light
fill--secondaryLight
secondary dark
fill--secondaryDark
highlight
fill--highlight
highlight light
fill--highlightLight
highlight dark
fill--highlightDark
Feedback
success
fill--success
success light
fill--successLight
success dark
fill--successDark
info
fill--info
info light
fill--infoLight
info dark
fill--infoDark
warning
fill--warning
warning light
fill--warningLight
warning dark
fill--warningDark
error
fill--error
error light
fill--errorLight
error dark
fill--errorDark
Background
background default
fill--default
background paper
fill--paper
Misc
border color
fill--border
Stroke
Common
white
stroke--white
black
stroke--black
Greys
grey 90
stroke--grey90
grey 80
stroke--grey80
grey 70
stroke--grey70
grey 60
stroke--grey60
grey 50
stroke--grey50
grey 40
stroke--grey40
grey 30
stroke--grey30
grey 20
stroke--grey20
grey 10
stroke--grey10
grey 5
stroke--grey5
Brand
primary
stroke--primary
primary light
stroke--primaryLight
primary dark
stroke--primaryDark
secondary
stroke--secondary
secondary light
stroke--secondaryLight
secondary dark
stroke--secondaryDark
highlight
stroke--highlight
highlight light
stroke--highlightLight
highlight dark
stroke--highlightDark
Feedback
success
stroke--success
success light
stroke--successLight
success dark
stroke--successDark
info
stroke--info
info light
stroke--infoLight
info dark
stroke--infoDark
warning
stroke--warning
warning light
stroke--warningLight
warning dark
stroke--warningDark
error
stroke--error
error light
stroke--errorLight
error dark
stroke--errorDark
Background
background default
stroke--default
background paper
stroke--paper
Misc
border color
stroke--border