Opacity Tokens
HINT The latest version of the list below can be found here.
Code | Light Colour | Light Alpha | Dark Colour | Dark Alpha | Comment |
---|---|---|---|---|---|
DropShadow | blue-400 | 0.1 | black | 0.5 | Used for Cards, Floating Buttons, fixed Toolbars etc. |
OverlaySoft | black | 0.1 | white | 0.1 | |
OverlayMedium | black | 0.2 | white | 0.2 | |
OverlayInverseStrong | white | 0.8 | black | 0.8 | Used for base colour of Alerts in combination with Info, Error, Warning colour |
Disabled | 0.5 | 0.5 | |||
Inactive | 0.2 | 0.2 | Used for Pagination Dots | ||
GraphVariant | 0.5 | 0.5 | Used for secondary graph colour |