Skip to content

Colors

Colorize text with color utilities. If you want to colorize links, you can use the .link-* helper classes which have :hover and :focus states.

Theme Colors

primary
secondary
success
info
warning
error
light
dark
background
text
link

System Colors

primary
secondary
success
info
warning
error
light
dark
background
text
link

System Grays

gray-1
gray-2
gray-3
gray-4
gray-5
gray-6
gray-7
gray-8
gray-9

.text--primary

.text--secondary

.text--success

.text--error

.text--warning

.text--info

.text--light

.text--dark

.text--body

.text--muted

.text--white

.text--black-50

.text--white-50