colors: {
color: "--tile--color";
backgroundColor: "--tile--background-color";
colorSubtle: "--tile--color-subtle";
colorStrong: "--tile--color-strong";
colorInfo: "--tile--color-info";
colorPass: "--tile--color-pass";
colorWarn: "--tile--color-warn";
colorFail: "--tile--color-fail";
colorLabel: "--tile--color-label";
colorPlaceholder: "--tile--color-placeholder";
colorEnabled: "--tile--color-enabled";
colorDisabled: "--tile--color-disabled";
colorHover: "--tile--color-hover";
colorPressed: "--tile--color-pressed";
colorSelected: "--tile--color-selected";
colorFocus: "--tile--color-focus";
colorOver: "--tile--color-over";
backgroundColorEdit: "--tile--background-color-edit";
backgroundColorStripe: "--tile--background-color-stripe";
backgroundColorHover: "--tile--background-color-hover";
backgroundColorPressed: "--tile--background-color-pressed";
backgroundColorSelected: "--tile--background-color-selected";
backgroundColorInfo: "--tile--background-color-info";
backgroundColorPass: "--tile--background-color-pass";
backgroundColorWarn: "--tile--background-color-warn";
backgroundColorFail: "--tile--background-color-fail";
} = ...
Type Declaration
-
Readonlycolor: "--tile--color"
-
ReadonlybackgroundColor: "--tile--background-color"
-
ReadonlycolorSubtle: "--tile--color-subtle"
-
ReadonlycolorStrong: "--tile--color-strong"
-
ReadonlycolorInfo: "--tile--color-info"
-
ReadonlycolorPass: "--tile--color-pass"
-
ReadonlycolorWarn: "--tile--color-warn"
-
ReadonlycolorFail: "--tile--color-fail"
-
ReadonlycolorLabel: "--tile--color-label"
-
ReadonlycolorPlaceholder: "--tile--color-placeholder"
-
ReadonlycolorEnabled: "--tile--color-enabled"
-
ReadonlycolorDisabled: "--tile--color-disabled"
-
ReadonlycolorHover: "--tile--color-hover"
-
ReadonlycolorPressed: "--tile--color-pressed"
-
ReadonlycolorSelected: "--tile--color-selected"
-
ReadonlycolorFocus: "--tile--color-focus"
-
ReadonlycolorOver: "--tile--color-over"
-
ReadonlybackgroundColorEdit: "--tile--background-color-edit"
-
ReadonlybackgroundColorStripe: "--tile--background-color-stripe"
-
ReadonlybackgroundColorHover: "--tile--background-color-hover"
-
ReadonlybackgroundColorPressed: "--tile--background-color-pressed"
-
ReadonlybackgroundColorSelected: "--tile--background-color-selected"
-
ReadonlybackgroundColorInfo: "--tile--background-color-info"
-
ReadonlybackgroundColorPass: "--tile--background-color-pass"
-
ReadonlybackgroundColorWarn: "--tile--background-color-warn"
-
ReadonlybackgroundColorFail: "--tile--background-color-fail"
The custom property behind every colour token.
Narrowed to literals, so the design system contract can name the tokens and the custom properties they resolve to.