Color Palette
Protrak supports following colors in the color palette.
| Color | CSS variable name |
|---|---|
| PRIMARY_DARK | var(--primary-dark) |
| PRIMARY | var(--primary) |
| PRIMARY_LIGHT | var(--primary-light) |
| PRIMARY_SHADOW | var(--shadow-color) |
| SECONDARY_DARK | var(--secondary-dark) |
| SECONDARY | var(--secondary) |
| SECONDARY_LIGHT | var(--secondary-light) |
| SECONDARY_LIGHTER | var(--secondary-lighter) |
| PRIMARY_LIGHTER | var(--primary-lighter) |
| ERROR | var(--error) |
| SUCCESS | var(--success) |
| SURFACE | var(--surface) |
These can be used in components like:
<H2 color="SECONDARY_LIGHT">
The default color palette has following colors:
