Primary colors
Primary
Class: .color-primaryVariable: --color-p2
HEX: #
RGB:
Highlight
Class: .color-highlightVariable: --color-p1
HEX: #
RGB:
Standout
Class: .color-standoutVariable: --color-p3
HEX: #
RGB:
Secondary colors
Secondary 1
Class: .color-s1Variable: --color-s1
HEX: #
RGB:
Secondary 2
Class: .color-s2Variable: --color-s2
HEX: #
RGB:
Secondary 3
Class: .color-s3Variable: --color-s3
HEX: #
RGB:
Samples
Light background
Link grid
Buttons
Default
Hover
.btn-default.active
.btn-primary.active
.btn-highlight.active
.btn-standout.active
.btn-secondary.active
Cards
Card (Overstated)
Card Body
Card (Standout)
Card Body
Dark background
Link grid
Buttons
Default
Hover
.btn-default.active
.btn-primary.active
.btn-highlight.active
.btn-standout.active
.btn-secondary.active
Cards
Card (Overstated)
Card Body
Card (Standout)
Card Body