Contrast report
Every declared role pair, computed on resolved sRGB values, with its state, minimum and waiver.
Contrast report
993 declared pairs measured on resolved sRGB values with the WCAG 2.x formula; 7 waived (decorative only), 0 failing. A pass is a design target for the named role, not an application-wide conformance claim.
| Pair | State | Kind | Foreground | Background | Ratio | Min | Result |
|---|---|---|---|---|---|---|---|
| default text on canvas | — | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| default text on default surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| default text on raised | — | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| bright text on canvas | — | text | color.text.bright #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| prose on canvas | — | text | color.text.prose #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| prose on sunken | — | text | color.text.prose #e99499 | color.surface.sunken #000000 | 9.16 | 4.5 | pass |
| muted text on canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| muted text on raised | — | text | color.text.muted #d4868b | color.surface.raised #140b0b | 7.01 | 4.5 | pass |
| subtle text on canvas | — | text | color.text.subtle #bd787d | color.surface.canvas #000000 | 6.15 | 4.5 | pass |
| subtle text on raised | — | text | color.text.subtle #bd787d | color.surface.raised #140b0b | 5.68 | 4.5 | pass |
| disabled text on canvas (exempt; house floor 3:1) | — | ui | color.text.disabled #a3676b | color.surface.canvas #000000 | 4.71 | 3 | pass |
| placeholder on input | — | text | color.text.placeholder #bd787d | color.surface.input #000000 | 6.15 | 4.5 | pass |
| accent text on canvas | — | text | color.text.accent #e53935 | color.surface.canvas #000000 | 4.97 | 4.5 | pass |
| accent text on default surface | — | text | color.text.accent #e53935 | color.surface.default #0d0707 | 4.73 | 4.5 | pass |
| strong accent on raised | — | text | color.text.accent-strong #f73f35 | color.surface.raised #140b0b | 5.28 | 4.5 | pass |
| link on canvas | — | text | color.text.link #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| link hover text on strong hover fill | — | text | color.text.link-hover #f4eeee | color.interaction.hover.bg-strong #1c1010 | 16.19 | 4.5 | pass |
| selection text on selection | — | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| inactive selection text on inactive selection | — | text | color.interaction.selection.inactive-text #e99499 | color.interaction.selection.inactive-bg #420f0c | 7.02 | 4.5 | pass |
| primary action text on fill | — | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| primary action text on hover fill | — | text | color.action.primary.text #ffa2a7 | color.action.primary.hover-bg #911410 | 4.75 | 4.5 | pass |
| secondary action text on canvas | — | text | color.action.secondary.text #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| destructive text on canvas | — | text | color.action.destructive.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| destructive hover text on hover fill | — | text | color.action.destructive.hover-text #f9faf9 | color.action.destructive.hover-bg #dc282e | 4.58 | 4.5 | pass |
| danger text on canvas | — | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| danger text on danger tint | — | text | color.status.danger.text #f07178 | color.status.danger.tint #2b0e0d | 6.27 | 4.5 | pass |
| danger on-fill text | — | text | color.status.danger.on-fill #f9faf9 | color.status.danger.fill #dc282e | 4.58 | 4.5 | pass |
| warning text on canvas | — | text | color.status.warning.text #e5c07b | color.surface.canvas #000000 | 12.16 | 4.5 | pass |
| warning text on warning tint | — | text | color.status.warning.text #e5c07b | color.status.warning.tint #1f1a0c | 10.04 | 4.5 | pass |
| warning on-fill text | — | text | color.status.warning.on-fill #000000 | color.status.warning.fill #e5c07b | 12.16 | 4.5 | pass |
| success text on canvas | — | text | color.status.success.text #82d9a0 | color.surface.canvas #000000 | 12.38 | 4.5 | pass |
| success text on success tint | — | text | color.status.success.text #82d9a0 | color.status.success.tint #0f1a0e | 10.54 | 4.5 | pass |
| success on-fill text | — | text | color.status.success.on-fill #000000 | color.status.success.fill #82d9a0 | 12.38 | 4.5 | pass |
| info text on canvas | — | text | color.status.info.text #82b4ff | color.surface.canvas #000000 | 9.92 | 4.5 | pass |
| info text on info tint | — | text | color.status.info.text #82b4ff | color.status.info.tint #0f141c | 8.73 | 4.5 | pass |
| info on-fill text | — | text | color.status.info.on-fill #000000 | color.status.info.fill #82b4ff | 9.92 | 4.5 | pass |
| neutral on-fill text | — | text | color.status.neutral.on-fill #000000 | color.status.neutral.fill #986f72 | 4.85 | 4.5 | pass |
| focus ring on canvas | — | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| focus ring on default surface | — | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| container focus ring on selection | — | ui | color.interaction.focus.ring-container #ffa2a7 | color.interaction.selection.bg #531310 | 7.48 | 3 | pass |
| control border on input | — | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| control border on default surface | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| active border on input | — | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| decorative border on canvas (decorative; not a control edge) | — | ui | color.border.default #482b2b | color.surface.canvas #000000 | 1.66 | 3 | waived: decorative hairline; never the only boundary of a control (spec/foundations.md) |
| strong rule on canvas (decorative) | — | ui | color.border.strong #9e231f | color.surface.canvas #000000 | 2.71 | 3 | waived: 2px decorative rule paired with a surface change; never the only boundary of a control |
| line numbers on code background | — | text | color.code.line-number #bd787d | color.code.bg #000000 | 6.15 | 4.5 | pass |
| caret on current line | — | ui | color.code.caret #ffa2a7 | color.code.current-line #0d0707 | 10.45 | 3 | pass |
| comment on code background | — | text | color.code.syntax.comment #bd787d | color.code.bg #000000 | 6.15 | 4.5 | pass |
| string on code background | — | text | color.code.syntax.string #82d9a0 | color.code.bg #000000 | 12.38 | 4.5 | pass |
| keyword on code background | — | text | color.code.syntax.keyword #c7a0e8 | color.code.bg #000000 | 9.62 | 4.5 | pass |
| type on code background | — | text | color.code.syntax.type #78d4d4 | color.code.bg #000000 | 12.17 | 4.5 | pass |
| muted text on editor selection | — | text | color.text.muted #d4868b | color.code.selection-bg #420f0c | 5.81 | 4.5 | pass |
| current search match text | — | text | color.code.search-current-text #000000 | color.code.search-current-bg #ffa2a7 | 10.98 | 4.5 | pass |
| error text on canvas | — | text | color.diagnostic.error.text #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| warning diagnostic text on canvas | — | text | color.diagnostic.warning.text #e5c07b | color.surface.canvas #000000 | 12.16 | 4.5 | pass |
| info diagnostic text on canvas | — | text | color.diagnostic.info.text #82b4ff | color.surface.canvas #000000 | 9.92 | 4.5 | pass |
| default text on added-line background | — | text | color.text.default #e99499 | color.diff.added.bg #0f1a0e | 7.80 | 4.5 | pass |
| default text on removed-line background | — | text | color.text.default #e99499 | color.diff.removed.bg #2b0e0d | 7.82 | 4.5 | pass |
| default text on modified-line background | — | text | color.text.default #e99499 | color.diff.modified.bg #1f1a0c | 7.56 | 4.5 | pass |
| terminal foreground | — | text | color.terminal.fg #ffa2a7 | color.terminal.bg #000000 | 10.98 | 4.5 | pass |
| chart label on canvas | — | text | color.chart.label #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| chart series 4 on canvas (graphic) | — | ui | color.chart.series-4 #a3676b | color.surface.canvas #000000 | 4.71 | 3 | pass |
| decorative icon on canvas (graphic) | — | ui | color.icon.decorative #986f72 | color.surface.canvas #000000 | 4.85 | 3 | pass |
| prose on default (D-033) | — | text | color.text.prose #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| prose on raised (D-033) | — | text | color.text.prose #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| heading on default (D-033) | — | text | color.text.heading #f4eeee | color.surface.default #0d0707 | 17.43 | 4.5 | pass |
| heading on raised (D-033) | — | text | color.text.heading #f4eeee | color.surface.raised #140b0b | 16.92 | 4.5 | pass |
| highlight on default (D-033) | — | text | color.text.highlight #f4eeee | color.surface.default #0d0707 | 17.43 | 4.5 | pass |
| highlight on raised (D-033) | — | text | color.text.highlight #f4eeee | color.surface.raised #140b0b | 16.92 | 4.5 | pass |
| primary action text on pressed fill (D-033) | — | text | color.action.primary.text #ffa2a7 | color.action.primary.pressed-bg #630f0d | 6.84 | 4.5 | pass |
| default text on accent surface | — | text | color.text.default #e99499 | color.surface.accent #3d0c0a | 7.30 | 4.5 | pass |
| muted text on accent surface | — | text | color.text.muted #d4868b | color.surface.accent #3d0c0a | 6.04 | 4.5 | pass |
| bright text on accent surface | — | text | color.text.bright #ffa2a7 | color.surface.accent #3d0c0a | 8.74 | 4.5 | pass |
| link on accent surface | — | text | color.text.link #f73f35 | color.surface.accent #3d0c0a | 4.55 | 4.5 | pass |
| default text on text-selection tint | — | text | color.text.default #e99499 | color.interaction.text-selection.tint #480a08 | 6.91 | 4.5 | pass |
| bright text on text-selection tint | — | text | color.text.bright #ffa2a7 | color.interaction.text-selection.tint #480a08 | 8.28 | 4.5 | pass |
| admin-form default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| admin-form default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| admin-form invalid text | invalid | text | color.status.danger.text #f07178 | color.status.danger.tint #2b0e0d | 6.27 | 4.5 | pass |
| admin-form invalid border | invalid | ui | color.status.danger.border #e53935 | color.status.danger.tint #2b0e0d | 4.24 | 3 | pass |
| admin-form busy text | busy | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| title, labels and the current step on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| help, affix and review keys on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| breadcrumb links on the panel surface | — | text | color.text.link #f73f35 | color.surface.default #0d0707 | 5.44 | 4.5 | pass |
| complete-step check | — | text | color.status.success.text #82d9a0 | color.surface.default #0d0707 | 11.79 | 4.5 | pass |
| notice title on its tint | — | text | color.status.info.text #82b4ff | color.status.info.tint #0f141c | 8.73 | 4.5 | pass |
| notice text on its tint | — | text | color.text.default #e99499 | color.status.info.tint #0f141c | 8.06 | 4.5 | pass |
| summary text on the danger tint | invalid | text | color.text.default #e99499 | color.status.danger.tint #2b0e0d | 7.82 | 4.5 | pass |
| field messages on the panel surface | invalid | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| invalid field boundary | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| current-step indicator bar | — | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| Back button and file-input button boundaries | — | ui | color.action.secondary.border #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| disabled control text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled labels and review keys (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled boundaries (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| review header rule (decorative) | — | ui | color.border.strong #9e231f | color.surface.default #0d0707 | 2.58 | 1 | pass |
| panel edge (decorative) | — | ui | color.border.default #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| step, row and footer rules (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| alert default text | default | text | color.status.danger.text #f07178 | color.status.danger.tint #2b0e0d | 6.27 | 4.5 | pass |
| alert default border | default | ui | color.status.danger.border #e53935 | color.status.danger.tint #2b0e0d | 4.24 | 3 | pass |
| alert hover text | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| alert focus-visible text | focus-visible | text | color.action.tertiary.text #e99499 | color.status.info.tint #0f141c | 8.06 | 4.5 | pass |
| alert focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.status.info.tint #0f141c | 4.37 | 3 | pass |
| body text on the danger tint | — | text | color.text.default #e99499 | color.status.danger.tint #2b0e0d | 7.82 | 4.5 | pass |
| warning glyph and title on the warning tint | — | text | color.status.warning.text #e5c07b | color.status.warning.tint #1f1a0c | 10.04 | 4.5 | pass |
| warning border on the warning tint | — | ui | color.status.warning.border #e5c07b | color.status.warning.tint #1f1a0c | 10.04 | 3 | pass |
| body text on the warning tint | — | text | color.text.default #e99499 | color.status.warning.tint #1f1a0c | 7.56 | 4.5 | pass |
| success glyph and title on the success tint | — | text | color.status.success.text #82d9a0 | color.status.success.tint #0f1a0e | 10.54 | 4.5 | pass |
| success border on the success tint | — | ui | color.status.success.border #82d9a0 | color.status.success.tint #0f1a0e | 10.54 | 3 | pass |
| body text on the success tint | — | text | color.text.default #e99499 | color.status.success.tint #0f1a0e | 7.80 | 4.5 | pass |
| info glyph and title on the info tint | — | text | color.status.info.text #82b4ff | color.status.info.tint #0f141c | 8.73 | 4.5 | pass |
| info border on the info tint | — | ui | color.status.info.border #82b4ff | color.status.info.tint #0f141c | 8.73 | 3 | pass |
| body text on the info tint | — | text | color.text.default #e99499 | color.status.info.tint #0f141c | 8.06 | 4.5 | pass |
| neutral glyph and title on the neutral tint | — | text | color.status.neutral.text #d4868b | color.status.neutral.tint #140b0b | 7.01 | 4.5 | pass |
| neutral border on the neutral tint | — | ui | color.status.neutral.border #986f72 | color.status.neutral.tint #140b0b | 4.48 | 3 | pass |
| body text on the neutral tint | — | text | color.text.default #e99499 | color.status.neutral.tint #140b0b | 8.46 | 4.5 | pass |
| close button on the info tint | — | text | color.action.tertiary.text #e99499 | color.status.info.tint #0f141c | 8.06 | 4.5 | pass |
| ring on the info tint | focus-visible | ui | color.interaction.focus.ring #e53935 | color.status.info.tint #0f141c | 4.37 | 3 | pass |
| avatar default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| avatar default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| badge default text | default | text | color.status.danger.on-fill #f9faf9 | color.status.danger.fill #dc282e | 4.58 | 4.5 | pass |
| badge empty text | empty | text | color.status.danger.on-fill #f9faf9 | color.status.danger.fill #dc282e | 4.58 | 4.5 | pass |
| warning badge | — | text | color.status.warning.on-fill #000000 | color.status.warning.fill #e5c07b | 12.16 | 4.5 | pass |
| success badge | — | text | color.status.success.on-fill #000000 | color.status.success.fill #82d9a0 | 12.38 | 4.5 | pass |
| info badge | — | text | color.status.info.on-fill #000000 | color.status.info.fill #82b4ff | 9.92 | 4.5 | pass |
| neutral badge | — | text | color.status.neutral.on-fill #000000 | color.status.neutral.fill #986f72 | 4.85 | 4.5 | pass |
| count badge | — | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| danger outline text | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| warning outline text | — | text | color.status.warning.text #e5c07b | color.surface.default #0d0707 | 11.57 | 4.5 | pass |
| success outline text | — | text | color.status.success.text #82d9a0 | color.surface.default #0d0707 | 11.79 | 4.5 | pass |
| info outline text | — | text | color.status.info.text #82b4ff | color.surface.default #0d0707 | 9.44 | 4.5 | pass |
| neutral outline text | — | text | color.status.neutral.text #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| danger outline border | — | ui | color.status.danger.border #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| warning outline border | — | ui | color.status.warning.border #e5c07b | color.surface.default #0d0707 | 11.57 | 3 | pass |
| success outline border | — | ui | color.status.success.border #82d9a0 | color.surface.default #0d0707 | 11.79 | 3 | pass |
| info outline border | — | ui | color.status.info.border #82b4ff | color.surface.default #0d0707 | 9.44 | 3 | pass |
| neutral outline border | — | ui | color.status.neutral.border #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| danger dot on the panel surface | empty | ui | color.status.danger.fill #dc282e | color.surface.default #0d0707 | 4.17 | 3 | pass |
| warning dot on the panel surface | empty | ui | color.status.warning.fill #e5c07b | color.surface.default #0d0707 | 11.57 | 3 | pass |
| success dot on the panel surface | empty | ui | color.status.success.fill #82d9a0 | color.surface.default #0d0707 | 11.79 | 3 | pass |
| info dot on the panel surface | empty | ui | color.status.info.fill #82b4ff | color.surface.default #0d0707 | 9.44 | 3 | pass |
| neutral dot on the panel surface | empty | ui | color.status.neutral.fill #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| breadcrumbs default text | default | text | color.text.link #f73f35 | color.surface.default #0d0707 | 5.44 | 4.5 | pass |
| breadcrumbs hover text | hover | text | color.text.link-hover #f4eeee | color.interaction.hover.bg #1c1010 | 16.19 | 4.5 | pass |
| breadcrumbs focus-visible text | focus-visible | text | color.text.link #f73f35 | color.surface.default #0d0707 | 5.44 | 4.5 | pass |
| breadcrumbs focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| breadcrumbs current text | current | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| breadcrumbs truncated text | truncated | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| separator on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| link underline | — | ui | color.text.link-underline #dc282e | color.surface.default #0d0707 | 4.17 | 3 | pass |
| button-group default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| button-group default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| button default text | default | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| button hover text | hover | text | color.action.primary.text #ffa2a7 | color.action.primary.hover-bg #911410 | 4.75 | 4.5 | pass |
| button focus-visible text | focus-visible | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| button focus-visible outline | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| button active text | active | text | color.action.primary.text #ffa2a7 | color.action.primary.pressed-bg #630f0d | 6.84 | 4.5 | pass |
| button loading text | loading | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| primary fill against the panel (decorative; the label identifies the button) | — | ui | color.action.primary.bg #7d1310 | color.surface.default #0d0707 | 1.88 | 3 | waived: the fill is not the boundary of the control; the label text identifies it, and hover, active and focus each add a second channel |
| secondary text at rest | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.bg #000000 | 10.98 | 4.5 | pass |
| secondary border at rest | — | ui | color.action.secondary.border #986f72 | color.action.secondary.bg #000000 | 4.85 | 3 | pass |
| secondary text on the hover fill | hover | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| secondary border against the panel while hovered (the fill inside it measures 2.94:1) | hover | ui | color.action.secondary.border #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| ring on the secondary hover fill | hover | ui | color.interaction.focus.ring #e53935 | color.action.secondary.hover-bg #630f0d | 3.10 | 3 | pass |
| secondary text while pressed | active | text | color.action.secondary.text #ffa2a7 | color.action.secondary.pressed-bg #420f0c | 8.41 | 4.5 | pass |
| tertiary text at rest | — | text | color.action.tertiary.text #e99499 | color.action.secondary.bg #000000 | 9.16 | 4.5 | pass |
| tertiary text on the hover fill | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| tertiary text while pressed | active | text | color.action.tertiary.text #e99499 | color.interaction.pressed.bg #420f0c | 7.02 | 4.5 | pass |
| active border on the pressed fill | active | ui | color.border.active #e53935 | color.interaction.pressed.bg #420f0c | 3.81 | 3 | pass |
| destructive text at rest | — | text | color.action.destructive.text #f07178 | color.action.secondary.bg #000000 | 7.34 | 4.5 | pass |
| destructive border at rest | — | ui | color.action.destructive.border #e53935 | color.action.secondary.bg #000000 | 4.97 | 3 | pass |
| destructive text on the hover fill | hover | text | color.action.destructive.hover-text #f9faf9 | color.action.destructive.hover-bg #dc282e | 4.58 | 4.5 | pass |
| ring on the destructive hover fill (the ring takes the on-fill colour) | hover | ui | color.action.destructive.hover-text #f9faf9 | color.action.destructive.hover-bg #dc282e | 4.58 | 3 | pass |
| destructive text while pressed | active | text | color.action.destructive.hover-text #f9faf9 | color.action.destructive.pressed-bg #ae1914 | 6.81 | 4.5 | pass |
| confirm-dialog filled destructive | — | text | color.action.destructive.filled-text #f9faf9 | color.action.destructive.filled-bg #dc282e | 4.58 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| card default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| card hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| card hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| card focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| card focus-visible outline | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.default #0d0707 | 10.45 | 3 | pass |
| card selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| card selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| card selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| title on the card | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| metadata on the card | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| title on the hover fill | hover | text | color.text.bright #ffa2a7 | color.interaction.hover.bg #1c1010 | 9.71 | 4.5 | pass |
| metadata on the hover fill | hover | text | color.text.muted #d4868b | color.interaction.hover.bg #1c1010 | 6.70 | 4.5 | pass |
| card edge (decorative; the card is not a control at rest) | — | ui | color.border.default #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| chart default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| chart default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| checkbox default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| checkbox hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| checkbox focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| checkbox focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| checkbox checked text | checked | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| checkbox mixed text | mixed | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| checkbox checked+focus-visible text | checked+focus-visible | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| checkbox checked+focus-visible outline | checked+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| checkbox invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| checkbox required border | required | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| option text on the panel surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| legend on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| checked box edge against the panel (the border stays border.control) | checked | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| glyph on the hovered checked fill | hover | text | color.action.primary.text #ffa2a7 | color.action.primary.hover-bg #911410 | 4.75 | 4.5 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled glyph (exempt; house floor 3:1) | checked+disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| chip default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| chip default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| chip hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| chip hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| chip focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| chip focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| chip focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| chip selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| chip selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| chip selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| remove glyph at rest | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled chip text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled chip border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| code-editor default text | default | text | color.code.syntax.variable #e99499 | color.code.bg #000000 | 9.16 | 4.5 | pass |
| code-editor default border | default | ui | color.border.control #c81a1a | color.code.bg #000000 | 3.62 | 3 | pass |
| code-editor focus-visible text | focus-visible | text | color.code.syntax.variable #e99499 | color.code.current-line #0d0707 | 8.72 | 4.5 | pass |
| code-editor focus-visible outline | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.code.current-line #0d0707 | 10.45 | 3 | pass |
| code-editor selected text | selected | text | color.code.syntax.variable #e99499 | color.code.selection-bg #420f0c | 7.02 | 4.5 | pass |
| code-editor selected+container-inactive text | selected+container-inactive | text | color.interaction.selection.inactive-text #e99499 | color.interaction.selection.inactive-bg #420f0c | 7.02 | 4.5 | pass |
| code-editor current text | current | text | color.code.syntax.variable #e99499 | color.code.bg #000000 | 9.16 | 4.5 | pass |
| code-editor current border | current | ui | color.code.bracket-match #e53935 | color.code.bg #000000 | 4.97 | 3 | pass |
| code-editor read-only text | read-only | text | color.code.line-number #bd787d | color.surface.sunken #000000 | 6.15 | 4.5 | pass |
| caret on the current line | focus-visible | ui | color.code.caret #ffa2a7 | color.code.current-line #0d0707 | 10.45 | 3 | pass |
| bracket-match outline on the editor surface | current | ui | color.code.bracket-match #e53935 | color.code.bg #000000 | 4.97 | 3 | pass |
| bracket-match outline on the current line | current | ui | color.code.bracket-match #e53935 | color.code.current-line #0d0707 | 4.73 | 3 | pass |
| line numbers in the gutter | — | text | color.code.line-number #bd787d | color.code.gutter-bg #000000 | 6.15 | 4.5 | pass |
| active line number | — | text | color.code.line-number-active #e99499 | color.code.current-line #0d0707 | 8.72 | 4.5 | pass |
| keyword | — | text | color.code.syntax.keyword #c7a0e8 | color.code.bg #000000 | 9.62 | 4.5 | pass |
| string | — | text | color.code.syntax.string #82d9a0 | color.code.bg #000000 | 12.38 | 4.5 | pass |
| comment | — | text | color.code.syntax.comment #bd787d | color.code.bg #000000 | 6.15 | 4.5 | pass |
| number and constant | — | text | color.code.syntax.number #e5c07b | color.code.bg #000000 | 12.16 | 4.5 | pass |
| function | — | text | color.code.syntax.function #82b4ff | color.code.bg #000000 | 9.92 | 4.5 | pass |
| type | — | text | color.code.syntax.type #78d4d4 | color.code.bg #000000 | 12.17 | 4.5 | pass |
| property, heading and invalid text | — | text | color.code.syntax.property #78d4d4 | color.code.bg #000000 | 12.17 | 4.5 | pass |
| tag | — | text | color.code.syntax.tag #f07178 | color.code.bg #000000 | 7.34 | 4.5 | pass |
| attribute and escape | — | text | color.code.syntax.attribute #e5c07b | color.code.bg #000000 | 12.16 | 4.5 | pass |
| deprecated text | — | text | color.code.syntax.deprecated #bd787d | color.code.bg #000000 | 6.15 | 4.5 | pass |
| comment syntax inside the selection | selected | text | color.code.syntax.comment #bd787d | color.code.selection-bg #420f0c | 4.71 | 4.5 | pass |
| type syntax inside the selection | selected | text | color.code.syntax.type #78d4d4 | color.code.selection-bg #420f0c | 9.32 | 4.5 | pass |
| muted string text inside the selection | selected | text | color.code.syntax.string #82d9a0 | color.code.selection-bg #420f0c | 9.49 | 4.5 | pass |
| keyword and tag text inside the selection (D-029) | selected | text | color.code.syntax.keyword #c7a0e8 | color.code.selection-bg #420f0c | 7.37 | 4.5 | pass |
| property, heading and invalid text inside the selection (D-029) | selected | text | color.code.syntax.property #78d4d4 | color.code.selection-bg #420f0c | 9.32 | 4.5 | pass |
| fold marker text | — | text | color.text.muted #d4868b | color.code.bg #000000 | 7.58 | 4.5 | pass |
| indent guide (decorative) | — | ui | color.code.indent-guide #482b2b | color.code.bg #000000 | 1.66 | 1 | pass |
| rendered whitespace (decorative) | — | ui | color.code.whitespace #986f72 | color.code.bg #000000 | 4.85 | 1 | pass |
| gutter rule (decorative) | — | ui | color.code.gutter-rule #482b2b | color.code.bg #000000 | 1.66 | 1 | pass |
| combobox default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| combobox default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| combobox hover text | hover | text | color.text.link-hover #f4eeee | color.interaction.hover.bg-strong #1c1010 | 16.19 | 4.5 | pass |
| combobox focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| combobox focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| combobox focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| combobox open text | open | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| combobox open border | open | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| combobox selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| combobox selected outline | selected | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| combobox invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| combobox invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| combobox invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| combobox invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| combobox invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| combobox no-results text | no-results | text | color.text.muted #d4868b | color.surface.raised #140b0b | 7.01 | 4.5 | pass |
| combobox no-results border | no-results | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| group heading on the listbox | — | text | color.text.subtle #bd787d | color.surface.raised #140b0b | 5.68 | 4.5 | pass |
| validation message on the canvas | — | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| help text on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| group separator (decorative) | — | ui | color.border.divider #482b2b | color.surface.raised #140b0b | 1.53 | 1 | pass |
| command-palette default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| command-palette default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| compact-dashboard default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| compact-dashboard default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| data-table default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| data-table hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| data-table focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| data-table focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| data-table selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| data-table selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| data-table selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| data-table sorted text | sorted | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| data-table mixed text | mixed | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| data-table empty text | empty | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| data-table loading text | loading | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| header text | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| checkbox boundary | — | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| checked fill against the row (the glyph and the boundary carry the state) | mixed | ui | color.action.primary.bg #7d1310 | color.surface.default #0d0707 | 1.88 | 1 | pass |
| header rule (decorative) | — | ui | color.border.strong #9e231f | color.surface.default #0d0707 | 2.58 | 1 | pass |
| row divider (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| resize handle at rest (decorative; keyboard resizing is a header action) | — | ui | color.border.default #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| date-picker default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| date-picker default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| date-picker hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| date-picker hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| date-picker focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| date-picker focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| date-picker focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| date-picker invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| date-picker invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| date-picker invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| date-picker invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| date-picker invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| date-picker read-only text | read-only | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| validation message on the canvas | — | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| help text and the range separator on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| calendar text | — | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| selected date | — | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| description-list default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| description-list default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| diagnostics default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| diagnostics default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| diagnostics hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| diagnostics focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| diagnostics focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| diagnostics selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| diagnostics selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| diagnostics selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| diagnostics error text | error | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| diagnostics empty text | empty | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| code text | — | text | color.text.default #e99499 | color.code.bg #000000 | 9.16 | 4.5 | pass |
| code text on the error line | — | text | color.text.default #e99499 | color.diagnostic.error.bg #2b0e0d | 7.82 | 4.5 | pass |
| error glyph on the error line | — | text | color.diagnostic.error.text #f73f35 | color.diagnostic.error.bg #2b0e0d | 4.88 | 4.5 | pass |
| error underline | — | ui | color.diagnostic.error.underline #e53935 | color.code.bg #000000 | 4.97 | 3 | pass |
| error underline on the error line | — | ui | color.diagnostic.error.underline #e53935 | color.diagnostic.error.bg #2b0e0d | 4.24 | 3 | pass |
| warning underline inside the selected range | selected | ui | color.diagnostic.warning.underline #e5c07b | color.code.selection-bg #420f0c | 9.31 | 3 | pass |
| warning underline | — | ui | color.diagnostic.warning.underline #e5c07b | color.code.bg #000000 | 12.16 | 3 | pass |
| info underline | — | ui | color.diagnostic.info.underline #82b4ff | color.code.bg #000000 | 9.92 | 3 | pass |
| hint underline | — | ui | color.diagnostic.hint.underline #bd787d | color.code.bg #000000 | 6.15 | 3 | pass |
| unused text | — | text | color.diagnostic.unused.text #d4868b | color.code.bg #000000 | 7.58 | 4.5 | pass |
| deprecated text | — | text | color.code.syntax.deprecated #bd787d | color.code.bg #000000 | 6.15 | 4.5 | pass |
| error stripe mark | — | ui | color.diagnostic.error.stripe #e53935 | color.code.bg #000000 | 4.97 | 3 | pass |
| warning stripe mark | — | ui | color.diagnostic.warning.stripe #e5c07b | color.code.bg #000000 | 12.16 | 3 | pass |
| info stripe mark | — | ui | color.diagnostic.info.text #82b4ff | color.code.bg #000000 | 9.92 | 3 | pass |
| error glyph and count in the panel | — | text | color.diagnostic.error.text #f73f35 | color.surface.default #0d0707 | 5.44 | 4.5 | pass |
| warning glyph and count in the panel | — | text | color.diagnostic.warning.text #e5c07b | color.surface.default #0d0707 | 11.57 | 4.5 | pass |
| info glyph and count in the panel | — | text | color.diagnostic.info.text #82b4ff | color.surface.default #0d0707 | 9.44 | 4.5 | pass |
| hint glyph in the panel | — | text | color.text.subtle #bd787d | color.surface.default #0d0707 | 5.85 | 4.5 | pass |
| location and rule code | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| row text on hover | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| error glyph on hover | hover | text | color.diagnostic.error.text #f73f35 | color.interaction.hover.bg #1c1010 | 5.06 | 4.5 | pass |
| the ✓ of the empty message | empty | text | color.status.success.text #82d9a0 | color.surface.default #0d0707 | 11.79 | 4.5 | pass |
| dialog default text | default | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| dialog default border | default | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| dialog open text | open | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| dialog open border | open | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| dialog focus-trapped text | focus-trapped | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| dialog focus-trapped border | focus-trapped | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| dialog focus-trapped outline | focus-trapped | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.overlay #1c1010 | 9.71 | 3 | pass |
| dialog hover text | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| dialog focus-visible text | focus-visible | text | color.action.tertiary.text #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| dialog focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.overlay #1c1010 | 4.39 | 3 | pass |
| dialog reduced-motion text | reduced-motion | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| dialog reduced-motion border | reduced-motion | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| title on the overlay surface | — | text | color.text.bright #ffa2a7 | color.surface.overlay #1c1010 | 9.71 | 4.5 | pass |
| note on the overlay surface | — | text | color.text.muted #d4868b | color.surface.overlay #1c1010 | 6.70 | 4.5 | pass |
| secondary button text on the overlay surface | — | text | color.action.secondary.text #ffa2a7 | color.surface.overlay #1c1010 | 9.71 | 4.5 | pass |
| secondary button boundary on the overlay surface | — | ui | color.action.secondary.border #986f72 | color.surface.overlay #1c1010 | 4.29 | 3 | pass |
| primary button text | — | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| destructive confirm text on its fill | — | text | color.action.destructive.filled-text #f9faf9 | color.action.destructive.filled-bg #dc282e | 4.58 | 4.5 | pass |
| destructive fill against the overlay surface | — | ui | color.action.destructive.filled-bg #dc282e | color.surface.overlay #1c1010 | 3.88 | 3 | pass |
| ring on the primary fill | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| ring on the destructive fill | focus-visible | ui | color.action.destructive.filled-text #f9faf9 | color.action.destructive.filled-bg #dc282e | 4.58 | 3 | pass |
| form field text | — | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| form field boundary on the overlay surface | — | ui | color.border.control #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| diff-view default text | default | text | color.text.default #e99499 | color.code.bg #000000 | 9.16 | 4.5 | pass |
| diff-view default border | default | ui | color.border.control #c81a1a | color.code.bg #000000 | 3.62 | 3 | pass |
| diff-view hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| diff-view selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| diff-view focus-visible text | focus-visible | text | color.text.default #e99499 | color.code.bg #000000 | 9.16 | 4.5 | pass |
| diff-view focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.code.bg #000000 | 4.97 | 3 | pass |
| diff-view expanded text | expanded | text | color.text.link #f73f35 | color.diff.header-bg #241010 | 4.94 | 4.5 | pass |
| diff-view collapsed text | collapsed | text | color.text.link #f73f35 | color.diff.header-bg #241010 | 4.94 | 4.5 | pass |
| text on an added row | — | text | color.text.default #e99499 | color.diff.added.bg #0f1a0e | 7.80 | 4.5 | pass |
| text on a removed row | — | text | color.text.default #e99499 | color.diff.removed.bg #2b0e0d | 7.82 | 4.5 | pass |
| text on a modified row | — | text | color.text.default #e99499 | color.diff.modified.bg #1f1a0c | 7.56 | 4.5 | pass |
| hunk context on the header | — | text | color.text.default #e99499 | color.diff.header-bg #241010 | 7.92 | 4.5 | pass |
| hunk range on the header | — | text | color.text.muted #d4868b | color.diff.header-bg #241010 | 6.56 | 4.5 | pass |
| line numbers on a context row | — | text | color.text.muted #d4868b | color.code.bg #000000 | 7.58 | 4.5 | pass |
| line numbers on an added row | — | text | color.text.muted #d4868b | color.diff.added.bg #0f1a0e | 6.46 | 4.5 | pass |
| line numbers on a removed row | — | text | color.text.muted #d4868b | color.diff.removed.bg #2b0e0d | 6.47 | 4.5 | pass |
| line numbers on a modified row | — | text | color.text.muted #d4868b | color.diff.modified.bg #1f1a0c | 6.26 | 4.5 | pass |
| the + marker | — | text | color.diff.added.gutter #82d9a0 | color.diff.added.bg #0f1a0e | 10.54 | 4.5 | pass |
| the − marker (bold, 4.24:1; glyph plus fill) | — | ui | color.diff.removed.gutter #e53935 | color.diff.removed.bg #2b0e0d | 4.24 | 3 | pass |
| the ~ marker | — | text | color.diff.modified.gutter #e5c07b | color.diff.modified.bg #1f1a0c | 10.04 | 4.5 | pass |
| word-level added underline | — | ui | color.diff.added.emphasis #82d9a0 | color.diff.added.bg #0f1a0e | 10.54 | 3 | pass |
| word-level removed underline and strike | — | ui | color.diff.removed.emphasis #e53935 | color.diff.removed.bg #2b0e0d | 4.24 | 3 | pass |
| conflict double border | — | ui | color.diff.conflict-border #f73f35 | color.code.bg #000000 | 5.72 | 3 | pass |
| conflict marker lines | — | text | color.text.bright #ffa2a7 | color.diff.header-bg #241010 | 9.49 | 4.5 | pass |
| ring on an added row | focus-visible | ui | color.interaction.focus.ring #e53935 | color.diff.added.bg #0f1a0e | 4.23 | 3 | pass |
| ring on a removed row | focus-visible | ui | color.interaction.focus.ring #e53935 | color.diff.removed.bg #2b0e0d | 4.24 | 3 | pass |
| ring on a modified row | focus-visible | ui | color.interaction.focus.ring #e53935 | color.diff.modified.bg #1f1a0c | 4.10 | 3 | pass |
| ring on the selected row | focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| fold button text | — | text | color.text.link #f73f35 | color.diff.header-bg #241010 | 4.94 | 4.5 | pass |
| disclosure default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| disclosure default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| drawer default text | default | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| drawer default border | default | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| drawer open text | open | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| drawer open border | open | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| drawer focus-trapped text | focus-trapped | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| drawer focus-trapped border | focus-trapped | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| drawer focus-trapped outline | focus-trapped | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.overlay #1c1010 | 9.71 | 3 | pass |
| drawer reduced-motion text | reduced-motion | text | color.text.default #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| drawer reduced-motion border | reduced-motion | ui | color.border.overlay #c81a1a | color.surface.overlay #1c1010 | 3.20 | 3 | pass |
| title on the overlay surface | — | text | color.text.bright #ffa2a7 | color.surface.overlay #1c1010 | 9.71 | 4.5 | pass |
| note on the overlay surface | — | text | color.text.muted #d4868b | color.surface.overlay #1c1010 | 6.70 | 4.5 | pass |
| close button on the overlay surface | — | text | color.action.tertiary.text #e99499 | color.surface.overlay #1c1010 | 8.10 | 4.5 | pass |
| ring on the overlay surface | — | ui | color.interaction.focus.ring #e53935 | color.surface.overlay #1c1010 | 4.39 | 3 | pass |
| hovered item | — | text | color.text.link-hover #f4eeee | color.interaction.hover.bg-strong #1c1010 | 16.19 | 4.5 | pass |
| row dividers (decorative) | — | ui | color.border.divider #482b2b | color.surface.overlay #1c1010 | 1.46 | 1 | pass |
| editor-search default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| editor-search default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| empty-state default text | default | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| heading on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| action text on the panel surface | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| action boundary on the panel surface | — | ui | color.action.secondary.border #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| glyph (decorative) | — | ui | color.icon.decorative #986f72 | color.surface.default #0d0707 | 4.62 | 1 | pass |
| container edge (decorative) | — | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| error-state default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| error-state default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| field default text | default | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| field required text | required | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| field invalid text | invalid | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| help text on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| help text on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| disabled label (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled control text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| fieldset default text | default | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| group border (decorative; the legend and spacing carry the grouping) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| field labels inside the group | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| help text inside the group | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled legend and labels (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled field text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled field border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| file-browser default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| file-browser default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| file-input default text | default | text | color.action.secondary.text #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| file-input default border | default | ui | color.action.secondary.border #986f72 | color.surface.canvas #000000 | 4.85 | 3 | pass |
| file-input hover text | hover | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| file-input focus-visible text | focus-visible | text | color.action.secondary.text #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| file-input focus-visible border | focus-visible | ui | color.action.secondary.border #986f72 | color.surface.canvas #000000 | 4.85 | 3 | pass |
| file-input focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| file-input drop-target text | drop-target | text | color.text.default #e99499 | color.interaction.marquee #110202 | 8.84 | 4.5 | pass |
| file-input drop-target border | drop-target | ui | color.interaction.drop-target #e53935 | color.interaction.marquee #110202 | 4.80 | 3 | pass |
| file-input invalid text | invalid | text | color.action.secondary.text #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| file-input invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| hovered button boundary against the canvas outside it | hover | ui | color.action.secondary.border #986f72 | color.surface.canvas #000000 | 4.85 | 3 | pass |
| drop-zone dashed border at rest | — | ui | color.interaction.drop-target #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| status, hint and help text on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| file sizes on the canvas | — | text | color.text.subtle #bd787d | color.surface.canvas #000000 | 6.15 | 4.5 | pass |
| per-file error and validation message on the canvas | — | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| disabled button text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| progress stripes (decorative pattern) | loading | ui | color.action.primary.bg #7d1310 | color.interaction.pressed.bg #420f0c | 1.51 | 1 | pass |
| filterable-table default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| filterable-table hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| filterable-table focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| filterable-table focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| filterable-table selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| filterable-table no-results text | no-results | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| toolbar controls on the chrome surface | — | text | color.text.default #e99499 | color.surface.chrome #000000 | 9.16 | 4.5 | pass |
| search box and filter button boundaries on the chrome surface | — | ui | color.border.control #c81a1a | color.surface.chrome #000000 | 3.62 | 3 | pass |
| column headers, empty-state heading and current page | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| count, chip remove glyph and empty-state text | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Tested badge | — | text | color.status.success.on-fill #000000 | color.status.success.fill #82d9a0 | 12.38 | 4.5 | pass |
| Demonstrated badge | — | text | color.status.info.on-fill #000000 | color.status.info.fill #82b4ff | 9.92 | 4.5 | pass |
| New button and checked boxes | — | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| ring on a selected row | selected | ui | color.interaction.focus.ring-container #ffa2a7 | color.interaction.selection.bg #531310 | 7.48 | 3 | pass |
| chip and checkbox boundaries | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| disabled Prev link (exempt; house floor 3:1) | — | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| header rule (decorative) | — | ui | color.border.strong #9e231f | color.surface.default #0d0707 | 2.58 | 1 | pass |
| panel edge and toolbar separator (decorative) | — | ui | color.border.default #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| row, toolbar and footer rules (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| form-builder default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| form-builder default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Editor text | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Definition status | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| i3-window-frame default text | default | text | color.text.muted #d4868b | color.surface.chrome #000000 | 7.58 | 4.5 | pass |
| i3-window-frame focus-visible text | focus-visible | text | color.text.bright #ffa2a7 | color.surface.chrome-alt #140b0b | 10.14 | 4.5 | pass |
| i3-window-frame focus-visible outline | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.chrome-alt #140b0b | 10.14 | 3 | pass |
| i3-window-frame selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| i3-window-frame container-inactive text | container-inactive | text | color.text.muted #d4868b | color.surface.chrome #000000 | 7.58 | 4.5 | pass |
| i3-window-frame error text | error | text | color.status.danger.on-fill #f9faf9 | color.status.danger.fill #dc282e | 4.58 | 4.5 | pass |
| ring on a selected workspace when focused | selected | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| workspace names and status text on the bar | — | text | color.text.default #e99499 | color.surface.chrome #000000 | 9.16 | 4.5 | pass |
| clock on the bar | — | text | color.text.bright #ffa2a7 | color.surface.chrome #000000 | 10.98 | 4.5 | pass |
| focused title | — | text | color.text.bright #ffa2a7 | color.surface.chrome-alt #140b0b | 10.14 | 4.5 | pass |
| focused window frame on the desktop | — | ui | color.border.active #e53935 | color.surface.desktop #000000 | 4.97 | 3 | pass |
| floating window frame on the desktop | — | ui | color.border.overlay #c81a1a | color.surface.desktop #000000 | 3.62 | 3 | pass |
| container ring on the window surface | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.canvas #000000 | 10.98 | 3 | pass |
| ring on a workspace or tab | — | ui | color.interaction.focus.ring #e53935 | color.surface.chrome #000000 | 4.97 | 3 | pass |
| visible-tab indicator on the title row | — | ui | color.border.selected-indicator #e53935 | color.surface.chrome #000000 | 4.97 | 3 | pass |
| urgent fill against the bar | error | ui | color.status.danger.fill #dc282e | color.surface.chrome #000000 | 4.39 | 3 | pass |
| visible-workspace fill against the bar | — | ui | color.interaction.selection.bg #531310 | color.surface.chrome #000000 | 1.47 | 1 | pass |
| inactive tab indicator | container-inactive | ui | color.border.selected-indicator-inactive #9e231f | color.surface.chrome #000000 | 2.71 | 1 | pass |
| unfocused window frames (decorative) | — | ui | color.border.default #482b2b | color.surface.desktop #000000 | 1.66 | 1 | pass |
| status block separators (decorative) | — | ui | color.text.muted #d4868b | color.surface.chrome #000000 | 7.58 | 1 | pass |
| status glyphs (decorative) | — | ui | color.icon.decorative #986f72 | color.surface.chrome #000000 | 4.85 | 1 | pass |
| icon-button default text | default | text | color.action.tertiary.text #e99499 | color.action.secondary.bg #000000 | 9.16 | 4.5 | pass |
| icon-button hover text | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| icon-button focus-visible text | focus-visible | text | color.action.tertiary.text #e99499 | color.action.secondary.bg #000000 | 9.16 | 4.5 | pass |
| icon-button focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.action.secondary.bg #000000 | 4.97 | 3 | pass |
| icon-button active text | active | text | color.action.tertiary.text #e99499 | color.interaction.pressed.bg #420f0c | 7.02 | 4.5 | pass |
| icon-button active border | active | ui | color.border.active #e53935 | color.interaction.pressed.bg #420f0c | 3.81 | 3 | pass |
| icon-button toggled text | toggled | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| icon-button toggled+focus-visible text | toggled+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| icon-button toggled+focus-visible outline | toggled+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| toggled border against the panel | toggled | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| toggled fill against the panel (decorative) | toggled | ui | color.interaction.selection.bg #531310 | color.surface.default #0d0707 | 1.40 | 3 | waived: aria-pressed, the filled icon form and the 1px selected-indicator border carry the state; the fill is not the boundary |
| disabled icon (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| kbd default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| kbd default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| link default text | default | text | color.text.link #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| link hover text | hover | text | color.text.link-hover #f4eeee | color.interaction.hover.bg #1c1010 | 16.19 | 4.5 | pass |
| link focus-visible text | focus-visible | text | color.text.link #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| link focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| link visited text | visited | text | color.text.link #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| link current text | current | text | color.text.bright #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| link current border | current | ui | color.border.selected-indicator #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| underline on the canvas | — | ui | color.text.link-underline #dc282e | color.surface.canvas #000000 | 4.39 | 3 | pass |
| underline on the panel | — | ui | color.text.link-underline #dc282e | color.surface.default #0d0707 | 4.17 | 3 | pass |
| link text on the panel | — | text | color.text.link #f73f35 | color.surface.default #0d0707 | 5.44 | 4.5 | pass |
| link text on raised surfaces | — | text | color.text.link #f73f35 | color.surface.raised #140b0b | 5.28 | 4.5 | pass |
| ring on the hover fill | hover | ui | color.interaction.focus.ring #e53935 | color.interaction.hover.bg #1c1010 | 4.39 | 3 | pass |
| list default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| list default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| list hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| list focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| list focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| list selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| list selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| list selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| list selected+container-inactive text | selected+container-inactive | text | color.interaction.selection.inactive-text #e99499 | color.interaction.selection.inactive-bg #420f0c | 7.02 | 4.5 | pass |
| metadata column on the list surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| metadata column on the hover fill | hover | text | color.text.muted #d4868b | color.interaction.hover.bg #1c1010 | 6.70 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| row divider (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| loading-indicator default text | default | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| loading-indicator reduced-motion text | reduced-motion | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| glyph on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| block label on the panel surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| block glyph on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| block edge (decorative) | — | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| menu default text | default | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| menu default border | default | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| menu hover text | hover | text | color.text.link-hover #f4eeee | color.interaction.hover.bg-strong #1c1010 | 16.19 | 4.5 | pass |
| menu focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| menu focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| menu focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| menu open text | open | text | color.text.default #e99499 | color.interaction.pressed.bg #420f0c | 7.02 | 4.5 | pass |
| menu open border | open | ui | color.border.active #e53935 | color.interaction.pressed.bg #420f0c | 3.81 | 3 | pass |
| menu closed text | closed | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| menu closed border | closed | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| menu checked text | checked | text | color.text.bright #ffa2a7 | color.surface.raised #140b0b | 10.14 | 4.5 | pass |
| menu selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| menu selected outline | selected | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| shortcut hint on the raised surface | — | text | color.text.muted #d4868b | color.surface.raised #140b0b | 7.01 | 4.5 | pass |
| disabled item text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.raised #140b0b | 4.35 | 3 | pass |
| item separator (decorative; role separator carries the grouping) | — | ui | color.border.divider #482b2b | color.surface.raised #140b0b | 1.53 | 1 | pass |
| submenu chevron (decorative; aria-haspopup carries the meaning) | — | ui | color.icon.decorative #986f72 | color.surface.raised #140b0b | 4.48 | 1 | pass |
| multiselect default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| multiselect default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| number-field default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| number-field default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| number-field hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| number-field hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| number-field focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| number-field focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| number-field focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| number-field invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| number-field invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| number-field invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| number-field invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| number-field invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| number-field read-only text | read-only | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| unit affix on the input surface | — | text | color.text.muted #d4868b | color.surface.input #000000 | 7.58 | 4.5 | pass |
| stepper glyphs on the input surface | — | text | color.action.tertiary.text #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| stepper glyphs on their hover fill | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| help text on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| affix and stepper dividers (decorative) | — | ui | color.border.divider #482b2b | color.surface.input #000000 | 1.66 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| pagination default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| pagination hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| pagination focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| pagination focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| pagination current text | current | text | color.text.on-selection #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| ring on the current page when focused | current | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| disabled previous/next (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| gap ellipsis on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| popover default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| popover default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| progress default text | default | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| progress default border | default | ui | color.border.control #c81a1a | color.surface.canvas #000000 | 3.62 | 3 | pass |
| progress error text | error | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| progress error border | error | ui | color.status.danger.border #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| label on the canvas | — | text | color.text.bright #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| detail line on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| value fill against the track | — | ui | color.action.primary.bg #7d1310 | color.interaction.pressed.bg #420f0c | 1.51 | 3 | waived: the fill falls below the floor against the track; the value is carried by the visible percentage text and the native value, and the track boundary (border.control) marks the full extent |
| stripes (decorative pattern) | busy | ui | color.action.primary.bg #7d1310 | color.interaction.pressed.bg #420f0c | 1.51 | 1 | pass |
| error fill against the track | error | ui | color.status.danger.fill #dc282e | color.interaction.pressed.bg #420f0c | 3.36 | 3 | pass |
| radio-group default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| radio-group hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| radio-group focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| radio-group focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| radio-group checked text | checked | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| radio-group checked+focus-visible text | checked+focus-visible | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| radio-group checked+focus-visible outline | checked+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| radio-group invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| radio-group required border | required | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| option text on the panel surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| legend on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| checked radio edge against the panel (the border stays border.control) | checked | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| inner square on the hovered checked fill | hover | ui | color.action.primary.text #ffa2a7 | color.action.primary.hover-bg #911410 | 4.75 | 3 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| disabled option text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled inner square (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| range default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| range default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| repeater default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| repeater default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Button label | — | text | color.action.secondary.text #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| Button label on hover | — | text | color.action.secondary.text #ffa2a7 | color.action.secondary.hover-bg #630f0d | 6.84 | 4.5 | pass |
| search-field default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| search-field default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| search-field hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| search-field hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| search-field focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| search-field focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| search-field focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| search-field placeholder-shown text | placeholder-shown | text | color.text.placeholder #bd787d | color.surface.input #000000 | 6.15 | 4.5 | pass |
| search-field placeholder-shown border | placeholder-shown | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| search-field loading text | loading | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| search-field loading border | loading | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| search-field no-results text | no-results | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| search-field no-results border | no-results | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| magnifier on the input surface | — | ui | color.icon.default #e99499 | color.surface.input #000000 | 9.16 | 3 | pass |
| loading glyph and kbd hint on the input surface | — | text | color.text.muted #d4868b | color.surface.input #000000 | 7.58 | 4.5 | pass |
| clear glyph on the input surface | — | text | color.action.tertiary.text #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| clear glyph on its hover fill | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| help and no-results status on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| kbd hint edge (decorative) | — | ui | color.border.default #482b2b | color.surface.input #000000 | 1.66 | 1 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| segmented-control default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| segmented-control default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| select default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| select default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| select hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| select hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| select focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| select focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| select focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| select required text | required | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| select required border | required | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| select invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| select invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| select invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| select invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| select invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| chevron on the input surface | — | ui | color.icon.default #e99499 | color.surface.input #000000 | 9.16 | 3 | pass |
| option text in the themed list | — | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| group label in the themed list | — | text | color.text.muted #d4868b | color.surface.raised #140b0b | 7.01 | 4.5 | pass |
| selected option | — | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| help text on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| settings-panel default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| settings-panel focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| settings-panel focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| settings-panel focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| settings-panel invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| settings-panel invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| settings-panel busy text | busy | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| title, legend and the current section on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| lead and help text on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| validation message on the panel surface | invalid | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| current-section indicator bar | — | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| control boundaries on the panel surface | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Reset button boundary | — | ui | color.action.secondary.border #986f72 | color.surface.default #0d0707 | 4.62 | 3 | pass |
| panel edge (decorative) | — | ui | color.border.default #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| sidebar, group and footer rules (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| sidebar-nav default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| sidebar-nav hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| sidebar-nav focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| sidebar-nav focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| sidebar-nav current text | current | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| sidebar-nav current border | current | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| sidebar-nav selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| sidebar-nav selected+container-inactive text | selected+container-inactive | text | color.interaction.selection.inactive-text #e99499 | color.interaction.selection.inactive-bg #420f0c | 7.02 | 4.5 | pass |
| sidebar-nav expanded text | expanded | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| sidebar-nav collapsed text | collapsed | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| ring on a selected item when focused | selected | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| group chevron (decorative; aria-expanded carries the state) | — | ui | color.icon.decorative #986f72 | color.surface.default #0d0707 | 4.62 | 1 | pass |
| rail edge (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| skeleton default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| skeleton default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| skip-link default text | default | text | color.text.bright #ffa2a7 | color.surface.raised #140b0b | 10.14 | 4.5 | pass |
| skip-link default border | default | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| skip-link focus-visible text | focus-visible | text | color.text.bright #ffa2a7 | color.surface.raised #140b0b | 10.14 | 4.5 | pass |
| skip-link focus-visible border | focus-visible | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| skip-link focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.raised #140b0b | 4.59 | 3 | pass |
| ring on the raised surface | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.raised #140b0b | 4.59 | 3 | pass |
| switch default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| switch hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| switch focus-visible border | focus-visible | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| switch focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| switch checked text | checked | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| switch checked+focus-visible text | checked+focus-visible | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| switch checked+focus-visible outline | checked+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| thumb on the off track | — | ui | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 3 | pass |
| thumb on the hovered off track | hover | ui | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 3 | pass |
| thumb on the hovered on track | hover | ui | color.action.primary.text #ffa2a7 | color.action.primary.hover-bg #911410 | 4.75 | 3 | pass |
| on track edge against the panel (the border stays border.control) | checked | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| visible name on the panel surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Off / On word on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled thumb (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled name (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| table default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| table hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| table selected text | selected | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| table selected+focus-visible text | selected+focus-visible | text | color.interaction.selection.text #f4eeee | color.interaction.selection.bg #531310 | 12.47 | 4.5 | pass |
| table selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.interaction.selection.bg #531310 | 3.38 | 3 | pass |
| table selected+container-inactive text | selected+container-inactive | text | color.interaction.selection.inactive-text #e99499 | color.interaction.selection.inactive-bg #420f0c | 7.02 | 4.5 | pass |
| table sorted text | sorted | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| table empty text | empty | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| table loading text | loading | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| header text | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| sticky header text on the raised surface | — | text | color.text.bright #ffa2a7 | color.surface.raised #140b0b | 10.14 | 4.5 | pass |
| caption | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| ring on a sort button | — | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| header rule (decorative; thead carries the structure) | — | ui | color.border.strong #9e231f | color.surface.default #0d0707 | 2.58 | 1 | pass |
| row divider (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| tabs default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| tabs hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| tabs focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| tabs focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| tabs selected text | selected | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| tabs selected border | selected | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| tabs selected+focus-visible text | selected+focus-visible | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| tabs selected+focus-visible border | selected+focus-visible | ui | color.border.selected-indicator #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| tabs selected+focus-visible outline | selected+focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.default #0d0707 | 4.73 | 3 | pass |
| tabs selected+container-inactive text | selected+container-inactive | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| inactive indicator (decorative; the selected tab keeps aria-selected and bright text) | selected+container-inactive | ui | color.border.selected-indicator-inactive #9e231f | color.surface.default #0d0707 | 2.58 | 1 | pass |
| disabled tab text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.default #0d0707 | 4.48 | 3 | pass |
| tablist bottom rule (decorative) | — | ui | color.border.divider #482b2b | color.surface.default #0d0707 | 1.58 | 1 | pass |
| terminal default text | default | text | color.terminal.fg #ffa2a7 | color.terminal.bg #000000 | 10.98 | 4.5 | pass |
| terminal default border | default | ui | color.border.control #c81a1a | color.terminal.bg #000000 | 3.62 | 3 | pass |
| terminal focus-visible text | focus-visible | text | color.terminal.fg #ffa2a7 | color.terminal.bg #000000 | 10.98 | 4.5 | pass |
| terminal focus-visible outline | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.terminal.bg #000000 | 10.98 | 3 | pass |
| terminal selected text | selected | text | color.terminal.selection-text #f4eeee | color.terminal.selection-bg #420f0c | 14.03 | 4.5 | pass |
| terminal busy text | busy | text | color.terminal.bg #000000 | color.terminal.cursor #ffa2a7 | 10.98 | 4.5 | pass |
| terminal current text | current | text | color.terminal.fg #ffa2a7 | color.code.current-line #0d0707 | 10.45 | 4.5 | pass |
| hollow cursor outline at rest | — | ui | color.terminal.cursor #ffa2a7 | color.terminal.bg #000000 | 10.98 | 3 | pass |
| cursor on the cursor line | current | ui | color.terminal.cursor #ffa2a7 | color.code.current-line #0d0707 | 10.45 | 3 | pass |
| prompt segment text on the prompt background | — | text | color.terminal.prompt-text #ffa2a7 | color.terminal.prompt-bg #000000 | 10.98 | 4.5 | pass |
| branch segment text on slot 3 | — | text | color.terminal.bg #000000 | color.terminal.ansi.3 #e5c07b | 12.16 | 4.5 | pass |
| prompt arrow (the segment's own colour, decorative) | — | ui | color.terminal.prompt-bg #000000 | color.terminal.bg #000000 | 1.00 | 1 | pass |
| dim text and grid labels | — | text | color.text.muted #d4868b | color.terminal.bg #000000 | 7.58 | 4.5 | pass |
| inverse text | — | text | color.terminal.bg #000000 | color.terminal.fg #ffa2a7 | 10.98 | 4.5 | pass |
| slot 2 | — | text | color.terminal.ansi.2 #82d9a0 | color.terminal.bg #000000 | 12.38 | 4.5 | pass |
| slot 3 | — | text | color.terminal.ansi.3 #e5c07b | color.terminal.bg #000000 | 12.16 | 4.5 | pass |
| slot 5 | — | text | color.terminal.ansi.5 #c7a0e8 | color.terminal.bg #000000 | 9.62 | 4.5 | pass |
| slot 7 | — | text | color.terminal.ansi.7 #ffa2a7 | color.terminal.bg #000000 | 10.98 | 4.5 | pass |
| slot 11 | — | text | color.terminal.ansi.11 #f2d49b | color.terminal.bg #000000 | 14.67 | 4.5 | pass |
| slot 1 | — | text | color.terminal.ansi.1 #f07178 | color.terminal.bg #000000 | 7.34 | 4.5 | pass |
| slot 4 | — | text | color.terminal.ansi.4 #82b4ff | color.terminal.bg #000000 | 9.92 | 4.5 | pass |
| slot 6 | — | text | color.terminal.ansi.6 #78d4d4 | color.terminal.bg #000000 | 12.17 | 4.5 | pass |
| slot 8 (3.01:1, the dim tier) | — | text | color.terminal.ansi.8 #bd787d | color.terminal.bg #000000 | 6.15 | 4.5 | pass |
| slot 9 | — | text | color.terminal.ansi.9 #ff9095 | color.terminal.bg #000000 | 9.68 | 4.5 | pass |
| slot 10 | — | text | color.terminal.ansi.10 #a2edb8 | color.terminal.bg #000000 | 15.34 | 4.5 | pass |
| slot 12 | — | text | color.terminal.ansi.12 #a4caff | color.terminal.bg #000000 | 12.47 | 4.5 | pass |
| slot 13 | — | text | color.terminal.ansi.13 #dec0f4 | color.terminal.bg #000000 | 12.95 | 4.5 | pass |
| slot 14 | — | text | color.terminal.ansi.14 #a0e7e7 | color.terminal.bg #000000 | 15.08 | 4.5 | pass |
| slot 15 | — | text | color.terminal.ansi.15 #ffa2a7 | color.terminal.bg #000000 | 10.98 | 4.5 | pass |
| slot 0 (1.00:1; it is the background) | — | text | color.terminal.ansi.0 #000000 | color.terminal.bg #000000 | 1.00 | 4.5 | waived: heritage slot; slot 0 is the terminal background and is never a foreground on it |
| text-field default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| text-field default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| text-field hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| text-field hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| text-field focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| text-field focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| text-field focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| text-field placeholder-shown text | placeholder-shown | text | color.text.placeholder #bd787d | color.surface.input #000000 | 6.15 | 4.5 | pass |
| text-field placeholder-shown border | placeholder-shown | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| text-field invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| text-field invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| text-field invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| text-field invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| text-field invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| text-field read-only text | read-only | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| help text on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| textarea default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| textarea default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| textarea hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| textarea hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| textarea focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| textarea focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| textarea focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| textarea placeholder-shown text | placeholder-shown | text | color.text.placeholder #bd787d | color.surface.input #000000 | 6.15 | 4.5 | pass |
| textarea placeholder-shown border | placeholder-shown | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| textarea invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| textarea invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| textarea invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| textarea invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| textarea invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| textarea read-only text | read-only | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| validation message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| help and count on the panel surface | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| read-only bottom edge (decorative; the field has no box) | read-only | ui | color.border.divider #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| time-picker default text | default | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| time-picker default border | default | ui | color.border.control #c81a1a | color.surface.input #000000 | 3.62 | 3 | pass |
| time-picker hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| time-picker hover border | hover | ui | color.border.control #c81a1a | color.interaction.hover.bg #1c1010 | 3.20 | 3 | pass |
| time-picker focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| time-picker focus-visible border | focus-visible | ui | color.border.active #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| time-picker focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| time-picker invalid text | invalid | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| time-picker invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| time-picker invalid+focus-visible text | invalid+focus-visible | text | color.text.default #e99499 | color.surface.input #000000 | 9.16 | 4.5 | pass |
| time-picker invalid+focus-visible border | invalid+focus-visible | ui | color.status.danger.border #e53935 | color.surface.input #000000 | 4.97 | 3 | pass |
| time-picker invalid+focus-visible outline | invalid+focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.surface.input #000000 | 10.98 | 3 | pass |
| validation message on the canvas | — | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| help text on the canvas | — | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| disabled text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.interaction.disabled.bg #0d0707 | 4.48 | 3 | pass |
| disabled border (exempt) | disabled | ui | color.border.disabled #482b2b | color.interaction.disabled.bg #0d0707 | 1.58 | 1 | pass |
| timeline default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| timeline default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| toast default text | default | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| toast default border | default | ui | color.border.overlay #c81a1a | color.surface.canvas #000000 | 3.62 | 3 | pass |
| toast hover text | hover | text | color.text.link-hover #f4eeee | color.interaction.hover.bg #1c1010 | 16.19 | 4.5 | pass |
| toast focus-visible text | focus-visible | text | color.action.tertiary.text #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| toast focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| toast stacked text | stacked | text | color.text.muted #d4868b | color.surface.canvas #000000 | 7.58 | 4.5 | pass |
| toast stacked border | stacked | ui | color.border.overlay #c81a1a | color.surface.canvas #000000 | 3.62 | 3 | pass |
| toast reduced-motion text | reduced-motion | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| toast reduced-motion border | reduced-motion | ui | color.border.overlay #c81a1a | color.surface.canvas #000000 | 3.62 | 3 | pass |
| glyph on the plain toast | — | text | color.status.info.text #82b4ff | color.surface.canvas #000000 | 9.92 | 4.5 | pass |
| action text on the plain toast | — | text | color.text.link #f73f35 | color.surface.canvas #000000 | 5.72 | 4.5 | pass |
| warning glyph on its tint | — | text | color.status.warning.text #e5c07b | color.status.warning.tint #1f1a0c | 10.04 | 4.5 | pass |
| warning border on its tint | — | ui | color.status.warning.border #e5c07b | color.status.warning.tint #1f1a0c | 10.04 | 3 | pass |
| text on the warning tint | — | text | color.text.default #e99499 | color.status.warning.tint #1f1a0c | 7.56 | 4.5 | pass |
| success glyph on its tint | — | text | color.status.success.text #82d9a0 | color.status.success.tint #0f1a0e | 10.54 | 4.5 | pass |
| success border on its tint | — | ui | color.status.success.border #82d9a0 | color.status.success.tint #0f1a0e | 10.54 | 3 | pass |
| text on the success tint | — | text | color.text.default #e99499 | color.status.success.tint #0f1a0e | 7.80 | 4.5 | pass |
| info glyph on its tint | — | text | color.status.info.text #82b4ff | color.status.info.tint #0f141c | 8.73 | 4.5 | pass |
| info border on its tint | — | ui | color.status.info.border #82b4ff | color.status.info.tint #0f141c | 8.73 | 3 | pass |
| text on the info tint | — | text | color.text.default #e99499 | color.status.info.tint #0f141c | 8.06 | 4.5 | pass |
| neutral glyph on its tint | — | text | color.status.neutral.text #d4868b | color.status.neutral.tint #140b0b | 7.01 | 4.5 | pass |
| neutral border on its tint | — | ui | color.status.neutral.border #986f72 | color.status.neutral.tint #140b0b | 4.48 | 3 | pass |
| text on the neutral tint | — | text | color.text.default #e99499 | color.status.neutral.tint #140b0b | 8.46 | 4.5 | pass |
| text, glyph and buttons on the danger fill | — | text | color.status.danger.on-fill #f9faf9 | color.status.danger.fill #dc282e | 4.58 | 4.5 | pass |
| the danger fill is its own boundary against the canvas | — | ui | color.status.danger.fill #dc282e | color.surface.canvas #000000 | 4.39 | 3 | pass |
| danger border on the danger fill (decorative) | — | ui | color.status.danger.border #e53935 | color.status.danger.fill #dc282e | 1.13 | 1 | pass |
| toolbar default text | default | text | color.text.default #e99499 | color.surface.chrome #000000 | 9.16 | 4.5 | pass |
| toolbar hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| toolbar focus-visible text | focus-visible | text | color.text.default #e99499 | color.surface.chrome #000000 | 9.16 | 4.5 | pass |
| toolbar focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.chrome #000000 | 4.97 | 3 | pass |
| toolbar toggled text | toggled | text | color.text.bright #ffa2a7 | color.interaction.pressed.bg #420f0c | 8.41 | 4.5 | pass |
| toolbar toggled border | toggled | ui | color.border.active #e53935 | color.interaction.pressed.bg #420f0c | 3.81 | 3 | pass |
| disabled button text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.chrome #000000 | 4.71 | 3 | pass |
| separator (decorative; role separator carries the grouping) | — | ui | color.border.default #482b2b | color.surface.chrome #000000 | 1.66 | 1 | pass |
| toolbar bottom edge (decorative) | — | ui | color.border.divider #482b2b | color.surface.chrome #000000 | 1.66 | 1 | pass |
| tooltip default text | default | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| tooltip default border | default | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| tooltip hover text | hover | text | color.action.tertiary.text #e99499 | color.action.tertiary.hover-bg #1c0a09 | 8.35 | 4.5 | pass |
| tooltip focus-visible text | focus-visible | text | color.action.tertiary.text #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| tooltip focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| tooltip open text | open | text | color.text.default #e99499 | color.surface.raised #140b0b | 8.46 | 4.5 | pass |
| tooltip open border | open | ui | color.border.overlay #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| shortcut on the tooltip | — | text | color.text.bright #ffa2a7 | color.surface.raised #140b0b | 10.14 | 4.5 | pass |
| shortcut key border on the tooltip | — | ui | color.border.control #c81a1a | color.surface.raised #140b0b | 3.34 | 3 | pass |
| trigger text on the canvas | — | text | color.action.tertiary.text #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| tree default text | default | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| tree default border | default | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| Primary content | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| Supporting content | — | text | color.text.muted #d4868b | color.surface.default #0d0707 | 7.22 | 4.5 | pass |
| Control boundary | — | ui | color.border.control #c81a1a | color.surface.default #0d0707 | 3.44 | 3 | pass |
| wizard default text | default | text | color.text.default #e99499 | color.surface.canvas #000000 | 9.16 | 4.5 | pass |
| wizard hover text | hover | text | color.text.default #e99499 | color.interaction.hover.bg #1c1010 | 8.10 | 4.5 | pass |
| wizard focus-visible text | focus-visible | text | color.text.bright #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| wizard focus-visible outline | focus-visible | ui | color.interaction.focus.ring #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| wizard current text | current | text | color.text.bright #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| wizard current border | current | ui | color.border.selected-indicator #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| wizard invalid text | invalid | text | color.status.danger.text #f07178 | color.surface.canvas #000000 | 7.34 | 4.5 | pass |
| wizard invalid border | invalid | ui | color.status.danger.border #e53935 | color.surface.canvas #000000 | 4.97 | 3 | pass |
| wizard busy text | busy | text | color.action.primary.text #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 4.5 | pass |
| complete marker on the canvas | — | text | color.status.success.text #82d9a0 | color.surface.canvas #000000 | 12.38 | 4.5 | pass |
| panel title on the panel surface | — | text | color.text.bright #ffa2a7 | color.surface.default #0d0707 | 10.45 | 4.5 | pass |
| panel text on the panel surface | — | text | color.text.default #e99499 | color.surface.default #0d0707 | 8.72 | 4.5 | pass |
| step message on the panel surface | — | text | color.status.danger.text #f07178 | color.surface.default #0d0707 | 6.98 | 4.5 | pass |
| panel edge (decorative) | — | ui | color.border.default #482b2b | color.surface.canvas #000000 | 1.66 | 1 | pass |
| back button text | — | text | color.action.secondary.text #ffa2a7 | color.surface.canvas #000000 | 10.98 | 4.5 | pass |
| back button boundary | — | ui | color.action.secondary.border #986f72 | color.surface.canvas #000000 | 4.85 | 3 | pass |
| next button boundary | — | ui | color.action.primary.border #9e231f | color.surface.canvas #000000 | 2.71 | 3 | waived: the primary button is identified by its text on the fill and by its position; the low-contrast fill and border against the canvas are a documented property of the actions family |
| ring on the next button's fill | focus-visible | ui | color.interaction.focus.ring-container #ffa2a7 | color.action.primary.bg #7d1310 | 5.57 | 3 | pass |
| future step text (exempt; house floor 3:1) | disabled | ui | color.text.disabled #a3676b | color.surface.canvas #000000 | 4.71 | 3 | pass |