ThemeColors
Defined in: ui/theme/tokens.ts:22
Semantic colour roles widgets read, so a project restyles by naming roles rather than by reaching into each widget.
Properties
Section titled “Properties”backdrop
Section titled “backdrop”backdrop:
Color
Defined in: ui/theme/tokens.ts:50
Modal scrim.
control
Section titled “control”control:
Color
Defined in: ui/theme/tokens.ts:28
Interactive control resting fill (button/option).
controlActive
Section titled “controlActive”controlActive:
Color
Defined in: ui/theme/tokens.ts:30
controlFocus
Section titled “controlFocus”controlFocus:
Color
Defined in: ui/theme/tokens.ts:38
Keyboard focus. A ROLE of its own rather than a reuse of controlHover,
because the two answer different questions — “the pointer is here” and “the
keyboard is here” — and a user tabbing through a form has nothing but this to
tell them where they are. Only ever shown for focus that arrived by keyboard
(see FocusManagerState.focusVisible).
controlHover
Section titled “controlHover”controlHover:
Color
Defined in: ui/theme/tokens.ts:29
onPrimary
Section titled “onPrimary”onPrimary:
Color
Defined in: ui/theme/tokens.ts:46
Content/handle drawn on top of primary.
primary
Section titled “primary”primary:
Color
Defined in: ui/theme/tokens.ts:42
Accent — slider fill, progress fill, selected option.
primaryActive
Section titled “primaryActive”primaryActive:
Color
Defined in: ui/theme/tokens.ts:44
primaryHover
Section titled “primaryHover”primaryHover:
Color
Defined in: ui/theme/tokens.ts:43
surface
Section titled “surface”surface:
Color
Defined in: ui/theme/tokens.ts:24
Dialog / panel background.
surfaceElevated
Section titled “surfaceElevated”surfaceElevated:
Color
Defined in: ui/theme/tokens.ts:26
Raised surface — popup / dropdown list background.
text:
Color
Defined in: ui/theme/tokens.ts:48
Default foreground (label text / icon) drawn on surface/control.
track:
Color
Defined in: ui/theme/tokens.ts:40
Slider / progress track.