Variable Colors
Colors
The color palette is a set of fixed hex values:
:root { --color-primary: #ff3300; --color-secondary: #6600ff; --color-tertiary: #cc0033; }
Abstracts
Abstract color variables contain a light or dark suffix extension:
:root { --color-primary-light: color(var(--color-primary) l(70%)); --color-primary-dark: color(var(--color-primary) l(30%)); }Edit on GitHub