Colors

The colors in the control panel design are an extension of the NationBuilder brand.

Primary colors

colors--primary
colors--primary-light
colors--primary-lighter

Secondary colors

colors--blue
colors--lightblue
colors--blue-filter
colors--secondary
colors--maroon
colors--red
colors--green
colors--purple
colors--yellow
colors--deepyellow
colors--gold

Grays

colors--white
colors--gray-light
colors--gray-100
colors--gray-200
colors--gray-300
colors--gray-400
colors--gray-500
colors--gray-600
colors--gray-700
colors--gray-800
colors--gray-900
colors--black

Background colors

colors--app-bg-color
colors--nav-blue

Theme colors

Theme colors are extensions of the design system that give meaning to components such as badges or alerts.

colors--primary
colors--secondary
colors--tertiary
colors--warning
colors--gray
colors--bright