Colors
The Cerberus theme palettes provide easy to use semantic tokens.
Palettes
page colors
Used for anything on a page that is not an action. Click to see the details.
- page-backdrop-initial
- page-bg-100
- page-bg-200
- page-bg-initial
- page-border-100
- page-border-200
- page-border-initial
- page-surface-100
- page-surface-200
- page-surface-300
- page-surface-initial
- page-surface-inverse
- page-text-100
- page-text-200
- page-text-300
- page-text-initial
- page-text-inverse
page-text-inverse
For use in containers that are also using the "inverse" styling. The inverse of the current mode the page is set to.
figma
token:
text/page/inverse
scope:
SHAPE_FILL, TEXT_FILL
dev
token:
page.text.inverse