Colors

A set of colors and background colors separate from Blaze core.

Install

<link rel="stylesheet" href="https://unpkg.com/blaze/dist/blaze.colors.min.css">

Available values

Both .u-bg- and .u-color- work for each color class.

.u-bg-black
.u-bg-grey
.u-bg-white
.u-bg-beige
.u-bg-red
.u-bg-pink
.u-bg-purple
.u-bg-blue
.u-bg-green
.u-bg-cyan
.u-bg-yellow
.u-bg-orange
.u-bg-brown
.u-bg-brand
.u-bg-info
.u-bg-warning
.u-bg-success
.u-bg-error
.u-bg-default
.u-bg-disabled
.u-bg-quiet
.u-bg-grey-dark
.u-bg-red-dark
.u-bg-pink-dark
.u-bg-purple-dark
.u-bg-blue-dark
.u-bg-green-dark
.u-bg-cyan-dark
.u-bg-yellow-dark
.u-bg-orange-dark
.u-bg-brown-dark
.u-bg-grey-darker
.u-bg-red-darker
.u-bg-grey-light
.u-bg-red-light
.u-bg-pink-light
.u-bg-purple-light
.u-bg-blue-light
.u-bg-green-light
.u-bg-cyan-light
.u-bg-yellow-light
.u-bg-orange-light
.u-bg-brown-light
.u-bg-grey-lighter
.u-bg-red-lighter
.u-bg-pink-lighter
.u-bg-purple-lighter
.u-bg-blue-lighter
.u-bg-green-lighter
.u-bg-cyan-lighter
.u-bg-yellow-lighter
.u-bg-orange-lighter
.u-bg-brown-lighter
.u-bg-pink-darker
.u-bg-purple-darker
.u-bg-blue-darker
.u-bg-green-darker
.u-bg-cyan-darker
.u-bg-yellow-darker
.u-bg-orange-darker
.u-bg-brown-darker
.u-bg-brand-dark
.u-bg-brand-darker
.u-bg-brand-light
.u-bg-brand-lighter
.u-bg-info-dark
.u-bg-info-darker
.u-bg-info-light
.u-bg-info-lighter
.u-bg-warning-dark
.u-bg-warning-darker
.u-bg-warning-light
.u-bg-warning-lighter
.u-bg-success-dark
.u-bg-success-darker
.u-bg-success-light
.u-bg-success-lighter
.u-bg-error-dark
.u-bg-error-darker
.u-bg-error-light
.u-bg-error-lighter