J3W1 / DESIGN SYSTEM
color.surface.canvas
Page and terminal background.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.surface.canvas--color-surface-canvasdefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:76
/contrast/5 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:60
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:63
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8
heritage-ansi · heritage
Provenance and restrictions
{
"status": "heritage"
}Declared component and port usage
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:76
/contrast/5 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:60
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:63
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}Declared component and port usage
Relevant contrast declarations
- destructive text on canvas: color.action.destructive.text on color.surface.canvas · spec/contrast.json:26
/pairs/22 - next button boundary: color.action.primary.border on color.surface.canvas · spec/components/wizard.md:69
/contrast/7 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - back button text: color.action.secondary.text on color.surface.canvas · spec/components/wizard.md:67
/contrast/5 - file-input default fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - file-input invalid fg: color.action.secondary.text on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - secondary action text on canvas: color.action.secondary.text on color.surface.canvas · spec/contrast.json:25
/pairs/21 - toast focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible fg: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - trigger text on the canvas: color.action.tertiary.text on color.surface.canvas · spec/components/tooltip.md:45
/contrast/2 - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - decorative border on canvas (decorative; not a control edge): color.border.default on color.surface.canvas · spec/contrast.json:47
/pairs/43 - panel edge (decorative): color.border.default on color.surface.canvas · spec/components/wizard.md:66
/contrast/4 - block edge (decorative): color.border.divider on color.surface.canvas · spec/components/loading-indicator.md:35
/contrast/3 - container edge (decorative): color.border.divider on color.surface.canvas · spec/components/empty-state.md:39
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/date-picker.md:101
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/number-field.md:68
/contrast/8 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/text-field.md:80
/contrast/4 - read-only bottom edge (decorative; the field has no box): color.border.divider on color.surface.canvas · spec/components/textarea.md:69
/contrast/4 - toast default border: color.border.overlay on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion border: color.border.overlay on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - toast stacked border: color.border.overlay on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - strong rule on canvas (decorative): color.border.strong on color.surface.canvas · spec/contrast.json:48
/pairs/44 - chart label on canvas: color.chart.label on color.surface.canvas · spec/contrast.json:64
/pairs/60 - chart series 4 on canvas (graphic): color.chart.series-4 on color.surface.canvas · spec/contrast.json:65
/pairs/61 - error text on canvas: color.diagnostic.error.text on color.surface.canvas · spec/contrast.json:57
/pairs/53 - info diagnostic text on canvas: color.diagnostic.info.text on color.surface.canvas · spec/contrast.json:59
/pairs/55 - warning diagnostic text on canvas: color.diagnostic.warning.text on color.surface.canvas · spec/contrast.json:58
/pairs/54 - decorative icon on canvas (graphic): color.icon.decorative on color.surface.canvas · spec/contrast.json:66
/pairs/62 - drop-zone dashed border at rest: color.interaction.drop-target on color.surface.canvas · spec/components/file-input.md:64
/contrast/1 - container ring on the window surface: color.interaction.focus.ring-container on color.surface.canvas · spec/components/i3-window-frame.md:76
/contrast/5 - file-input focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - focus ring on canvas: color.interaction.focus.ring on color.surface.canvas · spec/contrast.json:41
/pairs/37 - link focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - toast focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/toast.md:59
/stateTokens/focus-visible - tooltip focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/tooltip.md:40
/stateTokens/focus-visible - wizard focus-visible outline: color.interaction.focus.ring on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - file-input invalid border: color.status.danger.border on color.surface.canvas · spec/components/file-input.md:61
/stateTokens/invalid - progress error border: color.status.danger.border on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - wizard invalid border: color.status.danger.border on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - the danger fill is its own boundary against the canvas: color.status.danger.fill on color.surface.canvas · spec/components/toast.md:78
/contrast/15 - danger text on canvas: color.status.danger.text on color.surface.canvas · spec/contrast.json:28
/pairs/24 - per-file error and validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/file-input.md:67
/contrast/4 - progress error fg: color.status.danger.text on color.surface.canvas · spec/components/progress.md:40
/stateTokens/error - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/combobox.md:75
/contrast/1 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/date-picker.md:82
/contrast/0 - validation message on the canvas: color.status.danger.text on color.surface.canvas · spec/components/time-picker.md:60
/contrast/0 - wizard invalid fg: color.status.danger.text on color.surface.canvas · spec/components/wizard.md:59
/stateTokens/invalid - glyph on the plain toast: color.status.info.text on color.surface.canvas · spec/components/toast.md:63
/contrast/0 - info text on canvas: color.status.info.text on color.surface.canvas · spec/contrast.json:37
/pairs/33 - complete marker on the canvas: color.status.success.text on color.surface.canvas · spec/components/wizard.md:62
/contrast/0 - success text on canvas: color.status.success.text on color.surface.canvas · spec/contrast.json:34
/pairs/30 - warning text on canvas: color.status.warning.text on color.surface.canvas · spec/contrast.json:31
/pairs/27 - accent text on canvas: color.text.accent on color.surface.canvas · spec/contrast.json:16
/pairs/12 - bright text on canvas: color.text.bright on color.surface.canvas · spec/contrast.json:7
/pairs/3 - label on the canvas: color.text.bright on color.surface.canvas · spec/components/progress.md:42
/contrast/0 - link current fg: color.text.bright on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - wizard focus-visible fg: color.text.bright on color.surface.canvas · spec/components/wizard.md:57
/stateTokens/focus-visible - date-picker read-only fg: color.text.default on color.surface.canvas · spec/components/date-picker.md:79
/stateTokens/read-only - default text on canvas: color.text.default on color.surface.canvas · spec/contrast.json:4
/pairs/0 - loading-indicator default fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:29
/stateTokens/default - loading-indicator reduced-motion fg: color.text.default on color.surface.canvas · spec/components/loading-indicator.md:30
/stateTokens/reduced-motion - number-field read-only fg: color.text.default on color.surface.canvas · spec/components/number-field.md:58
/stateTokens/read-only - progress default fg: color.text.default on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - text-field read-only fg: color.text.default on color.surface.canvas · spec/components/text-field.md:74
/stateTokens/read-only - textarea read-only fg: color.text.default on color.surface.canvas · spec/components/textarea.md:63
/stateTokens/read-only - toast default fg: color.text.default on color.surface.canvas · spec/components/toast.md:57
/stateTokens/default - toast reduced-motion fg: color.text.default on color.surface.canvas · spec/components/toast.md:61
/stateTokens/reduced-motion - wizard default fg: color.text.default on color.surface.canvas · spec/components/wizard.md:55
/stateTokens/default - disabled text on canvas (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/contrast.json:14
/pairs/10 - future step text (exempt; house floor 3:1): color.text.disabled on color.surface.canvas · spec/components/wizard.md:71
/contrast/9 - underline on the canvas: color.text.link-underline on color.surface.canvas · spec/components/link.md:42
/contrast/0 - action text on the plain toast: color.text.link on color.surface.canvas · spec/components/toast.md:64
/contrast/1 - link default fg: color.text.link on color.surface.canvas · spec/components/link.md:36
/stateTokens/default - link focus-visible fg: color.text.link on color.surface.canvas · spec/components/link.md:38
/stateTokens/focus-visible - link on canvas: color.text.link on color.surface.canvas · spec/contrast.json:19
/pairs/15 - link visited fg: color.text.link on color.surface.canvas · spec/components/link.md:39
/stateTokens/visited - detail line on the canvas: color.text.muted on color.surface.canvas · spec/components/progress.md:43
/contrast/1 - glyph on the canvas: color.text.muted on color.surface.canvas · spec/components/loading-indicator.md:32
/contrast/0 - help text and the range separator on the canvas: color.text.muted on color.surface.canvas · spec/components/date-picker.md:85
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/combobox.md:76
/contrast/2 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/field.md:38
/contrast/1 - help text on the canvas: color.text.muted on color.surface.canvas · spec/components/time-picker.md:63
/contrast/1 - muted text on canvas: color.text.muted on color.surface.canvas · spec/contrast.json:10
/pairs/6 - status, hint and help text on the canvas: color.text.muted on color.surface.canvas · spec/components/file-input.md:65
/contrast/2 - toast stacked fg: color.text.muted on color.surface.canvas · spec/components/toast.md:60
/stateTokens/stacked - prose on canvas: color.text.prose on color.surface.canvas · spec/contrast.json:8
/pairs/4 - file sizes on the canvas: color.text.subtle on color.surface.canvas · spec/components/file-input.md:66
/contrast/3 - subtle text on canvas: color.text.subtle on color.surface.canvas · spec/contrast.json:12
/pairs/8