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-300
- page-bg-initial
- page-border-100
- page-border-200
- page-border-initial
- page-surface-100
- page-surface-200
- page-surface-300
- page-surface-400
- page-surface-initial
- page-surface-inverse
- page-text-100
- page-text-200
- page-text-300
- page-text-initial
- page-text-inverse
page-bg-300
figma
token:
bg/page/300
scope:
FRAME_FILL, SHAPE_FILL
dev
token:
page.bg.300
Usage
Page Heading
Static TagStatic Tag
Tab 1 content
Tab 2 content
Tab 3 content
On this page