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-100
Static text with the least amount of emphasis, like disabled text elements or captions.
figma
token:
text/page/100
scope:
SHAPE_FILL, TEXT_FILL
dev
token:
page.text.100