Use color modifiers to to give elements background and text colors drawn from the Pivotal UI color palette.

Prepend any color name with bg- to apply that color to an element's background. Prepend any color name with type- to apply that color to an element's text.

I'm a brand color!

I'm an error color!

I'm a brand color!

I'm a warning color!

Color palette

Imports

Import CSS:

import 'pivotal-ui/css/colors';