Signal colors
Colors can be set via special color classes:
- d3c-color-layer-0 This is the default color scheme.
- d3c-color-layer-1
- d3c-color-layer-2
- d3c-color-success
- d3c-color-success-faded
- d3c-color-attention
- d3c-color-attention-faded
- d3c-color-caution
- d3c-color-caution-faded
- d3c-color-critical
- d3c-color-critical-faded
Buttons
Successful action
Highlighted action
Press with caution
Dangerous action
Successful action
Highlighted action
Press with caution
Dangerous action
Tags
This was a success
Attention needed
Warning
Something went wrong
This was a success
Attention needed
Warning
Something went wrong
Icons
Icons will use the text color by default, if you need to change their stroke/fill coloring, use the d3c-icon-use-color class.
Containers
This container uses the d3c-color-layer-1 class. All child elements inherit the color scheme.
Does inherit color
Doesn't inherit color
Something bad happened!