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-surface-initial
Reserved for the "floor" of the page, or the lowest elevation surface Use for: Page backgrounds
figma
token:
surface/page/initial
scope:
FRAME_FILL
dev
token:
page.surface.initial