Colors

Most elements and components have color variations thanks to modifiers with syntax .is-$color, like is-primary or is-success.

Color	Variable	Value	Computed value
Black	`$black`	`$black`	`rgb(0, 0, 0)`
Darker grey	`$darker-grey`	`$darker-grey`	`rgb(85, 85, 85)`
Dark grey	`$dark-grey`	`$dark-grey`	`rgb(118, 118, 118)`
Grey	`$grey`	`$grey`	`rgb(176, 176, 176)`
Grey lighter	`$grey-lighter`	`$grey-lighter`	`rgb(242, 242, 242)`
White	`$white`	`$white`	`rgb(255, 255, 255)`
Primary	`$primary`	`$black`	`rgb(0, 0, 0)`
Accent	`$accent`	`$bright-green`	`rgb(0, 226, 152)`
Accent alt	`$accent-alt`	`$blue`	`rgb(0, 155, 239)`
Link	`$link`	`$accent-alt`	`rgb(0, 155, 239)`
Success	`$success`	`$green`	`rgb(0, 161, 37)`
Light success	`$light-success`	`$light-green`	`rgb(190, 255, 205)`
Warning	`$warning`	`$yellow`	`rgb(239, 193, 0)`
Light warning	`$light-warning`	`$light-yellow`	`rgb(255, 232, 145)`
Danger	`$danger`	`$red`	`rgb(211, 44, 76)`
Light danger	`$light-danger`	`$light-red`	`rgb(255, 208, 217)`
Info	`$info`	`$blue`	`rgb(0, 155, 239)`

# Colors