跳转到内容

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.

backdrop: Color

Defined in: ui/theme/tokens.ts:50

Modal scrim.


control: Color

Defined in: ui/theme/tokens.ts:28

Interactive control resting fill (button/option).


controlActive: Color

Defined in: ui/theme/tokens.ts:30


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: Color

Defined in: ui/theme/tokens.ts:29


onPrimary: Color

Defined in: ui/theme/tokens.ts:46

Content/handle drawn on top of primary.


primary: Color

Defined in: ui/theme/tokens.ts:42

Accent — slider fill, progress fill, selected option.


primaryActive: Color

Defined in: ui/theme/tokens.ts:44


primaryHover: Color

Defined in: ui/theme/tokens.ts:43


surface: Color

Defined in: ui/theme/tokens.ts:24

Dialog / panel background.


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.