Color Modes

Every palette shown simultaneously. Each panel is scoped with <color-mode> so semantic tokens — surfaces, ink, borders, and control states — resolve against that mode's --color-N variables.

grey

Workspace settings — every token below inherits this palette.

grey

Workspace settings — every token below inherits this palette.

coral

Workspace settings — every token below inherits this palette.

coral

Workspace settings — every token below inherits this palette.

blue

Workspace settings — every token below inherits this palette.

blue

Workspace settings — every token below inherits this palette.

yellow

Workspace settings — every token below inherits this palette.

yellow

Workspace settings — every token below inherits this palette.

green

Workspace settings — every token below inherits this palette.

green

Workspace settings — every token below inherits this palette.

orange

Workspace settings — every token below inherits this palette.

orange

Workspace settings — every token below inherits this palette.

purple

Workspace settings — every token below inherits this palette.

purple

Workspace settings — every token below inherits this palette.

teal

Workspace settings — every token below inherits this palette.

teal

Workspace settings — every token below inherits this palette.

periwinkle

Workspace settings — every token below inherits this palette.

periwinkle

Workspace settings — every token below inherits this palette.