color.surface.default

default · approved

Resolved value

#0d0707

Status

approved

Consumption

use — Use within the role's documented scope and restrictions.

Decisions

None pending.

Source

tokens/semantic.tokens.json:58 /color/surface/default

Alias chain

color.primitive.modern.panel

Used by aliases

No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "approved",
  "approval": {
    "decision": "D-041"
  }
}

Declared component and port usage

Declared unmapped ports

• chatgpt: ChatGPT has one background; raised, overlay and inset surfaces follow its own derivation from it. · ports/chatgpt/mapping.json:264 /unmapped/color.surface.default
• codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:284 /unmapped/color.surface.default
• ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:303 /unmapped/color.surface.default
• orca: No independent Orca public key consumes this role; owner-requested application fills use black while semantic text and diff colors remain explicit. · ports/orca/mapping.json:623 /unmapped/color.surface.default
• warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:297 /unmapped/color.surface.default

Relevant contrast declarations

• checked fill against the row (the glyph and the boundary carry the state): color.action.primary.bg on color.surface.default · spec/components/data-table.md:68 /contrast/2
• primary fill against the panel (decorative; the label identifies the button): color.action.primary.bg on color.surface.default · spec/components/button.md:67 /contrast/0
• action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37 /contrast/2
• Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80 /contrast/10
• Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64 /contrast/5
• secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71 /contrast/4
• action text on the panel surface: color.action.secondary.text on color.surface.default · spec/components/empty-state.md:36 /contrast/1
• Button label: color.action.secondary.text on color.surface.default · spec/components/button-group.md:64 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/command-palette.md:73 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/compact-dashboard.md:65 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/editor-search.md:68 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/error-state.md:68 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/file-browser.md:69 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/multiselect.md:85 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/popover.md:64 /contrast/3
• Button label: color.action.secondary.text on color.surface.default · spec/components/repeater.md:67 /contrast/3
• avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
• button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:49 /stateTokens/default
• chart default border: color.border.control on color.surface.default · spec/components/chart.md:44 /stateTokens/default
• checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62 /contrast/2
• checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59 /contrast/2
• chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88 /contrast/8
• chip default border: color.border.control on color.surface.default · spec/components/chip.md:48 /stateTokens/default
• chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
• command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:58 /stateTokens/default
• compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:50 /stateTokens/default
• control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45 /pairs/41
• control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63 /contrast/4
• Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:59 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:68 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:60 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:63 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:63 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:64 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:48 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:80 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/popover.md:59 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/range.md:55 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:62 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:73 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50 /contrast/2
• Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60 /contrast/2
• description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
• diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
• disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
• editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:53 /stateTokens/default
• error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:53 /stateTokens/default
• file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:54 /stateTokens/default
• form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
• kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:38 /stateTokens/default
• list default border: color.border.control on color.surface.default · spec/components/list.md:50 /stateTokens/default
• menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
• menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
• multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:70 /stateTokens/default
• on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57 /contrast/3
• popover default border: color.border.control on color.surface.default · spec/components/popover.md:49 /stateTokens/default
• range default border: color.border.control on color.surface.default · spec/components/range.md:45 /stateTokens/default
• repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:52 /stateTokens/default
• segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:63 /stateTokens/default
• skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
• timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
• tree default border: color.border.control on color.surface.default · spec/components/tree.md:50 /stateTokens/default
• card edge (decorative; the card is not a control at rest): color.border.default on color.surface.default · spec/components/card.md:54 /contrast/4
• panel edge (decorative): color.border.default on color.surface.default · spec/components/admin-form.md:85 /contrast/15
• panel edge (decorative): color.border.default on color.surface.default · spec/components/settings-panel.md:65 /contrast/6
• panel edge and toolbar separator (decorative): color.border.default on color.surface.default · spec/components/filterable-table.md:91 /contrast/11
• resize handle at rest (decorative; keyboard resizing is a header action): color.border.default on color.surface.default · spec/components/data-table.md:71 /contrast/5
• group border (decorative; the legend and spacing carry the grouping): color.border.divider on color.surface.default · spec/components/fieldset.md:34 /contrast/0
• rail edge (decorative): color.border.divider on color.surface.default · spec/components/sidebar-nav.md:63 /contrast/2
• row divider (decorative): color.border.divider on color.surface.default · spec/components/data-table.md:70 /contrast/4
• row divider (decorative): color.border.divider on color.surface.default · spec/components/list.md:60 /contrast/3
• row divider (decorative): color.border.divider on color.surface.default · spec/components/table.md:70 /contrast/5
• row, toolbar and footer rules (decorative): color.border.divider on color.surface.default · spec/components/filterable-table.md:92 /contrast/12
• sidebar, group and footer rules (decorative): color.border.divider on color.surface.default · spec/components/settings-panel.md:66 /contrast/7
• step, row and footer rules (decorative): color.border.divider on color.surface.default · spec/components/admin-form.md:86 /contrast/16
• tablist bottom rule (decorative): color.border.divider on color.surface.default · spec/components/tabs.md:53 /contrast/2
• inactive indicator (decorative; the selected tab keeps aria-selected and bright text): color.border.selected-indicator-inactive on color.surface.default · spec/components/tabs.md:51 /contrast/0
• current-section indicator bar: color.border.selected-indicator on color.surface.default · spec/components/settings-panel.md:62 /contrast/3
• current-step indicator bar: color.border.selected-indicator on color.surface.default · spec/components/admin-form.md:79 /contrast/9
• sidebar-nav current border: color.border.selected-indicator on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
• tabs selected border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
• tabs selected+focus-visible border: color.border.selected-indicator on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
• toggled border against the panel: color.border.selected-indicator on color.surface.default · spec/components/icon-button.md:46 /contrast/0
• header rule (decorative; thead carries the structure): color.border.strong on color.surface.default · spec/components/table.md:69 /contrast/4
• header rule (decorative): color.border.strong on color.surface.default · spec/components/data-table.md:69 /contrast/3
• header rule (decorative): color.border.strong on color.surface.default · spec/components/filterable-table.md:90 /contrast/10
• review header rule (decorative): color.border.strong on color.surface.default · spec/components/admin-form.md:84 /contrast/14
• error glyph and count in the panel: color.diagnostic.error.text on color.surface.default · spec/components/diagnostics.md:87 /contrast/14
• info glyph and count in the panel: color.diagnostic.info.text on color.surface.default · spec/components/diagnostics.md:89 /contrast/16
• warning glyph and count in the panel: color.diagnostic.warning.text on color.surface.default · spec/components/diagnostics.md:88 /contrast/15
• glyph (decorative): color.icon.decorative on color.surface.default · spec/components/empty-state.md:38 /contrast/3
• group chevron (decorative; aria-expanded carries the state): color.icon.decorative on color.surface.default · spec/components/sidebar-nav.md:62 /contrast/1
• card focus-visible outline: color.interaction.focus.ring-container on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
• breadcrumbs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
• chip focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
• data-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
• diagnostics focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
• filterable-table focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
• focus ring on default surface: color.interaction.focus.ring on color.surface.default · spec/contrast.json:42 /pairs/38
• list focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
• menu focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
• pagination focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
• ring on a sort button: color.interaction.focus.ring on color.surface.default · spec/components/table.md:68 /contrast/3
• sidebar-nav focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
• tabs focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
• tabs selected+focus-visible outline: color.interaction.focus.ring on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
• toggled fill against the panel (decorative): color.interaction.selection.bg on color.surface.default · spec/components/icon-button.md:47 /contrast/1
• danger outline border: color.status.danger.border on color.surface.default · spec/components/badge.md:64 /contrast/10
• danger dot on the panel surface: color.status.danger.fill on color.surface.default · spec/components/badge.md:69 /contrast/15
• danger outline text: color.status.danger.text on color.surface.default · spec/components/badge.md:59 /contrast/5
• diagnostics error fg: color.status.danger.text on color.surface.default · spec/components/diagnostics.md:70 /stateTokens/error
• field invalid fg: color.status.danger.text on color.surface.default · spec/components/field.md:35 /stateTokens/invalid
• field messages on the panel surface: color.status.danger.text on color.surface.default · spec/components/admin-form.md:77 /contrast/7
• field required fg: color.status.danger.text on color.surface.default · spec/components/field.md:34 /stateTokens/required
• step message on the panel surface: color.status.danger.text on color.surface.default · spec/components/wizard.md:65 /contrast/3
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/settings-panel.md:61 /contrast/2
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/checkbox.md:64 /contrast/4
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/number-field.md:63 /contrast/3
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/radio-group.md:61 /contrast/4
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/select.md:66 /contrast/4
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/text-field.md:76 /contrast/0
• validation message on the panel surface: color.status.danger.text on color.surface.default · spec/components/textarea.md:65 /contrast/0
• info outline border: color.status.info.border on color.surface.default · spec/components/badge.md:67 /contrast/13
• info dot on the panel surface: color.status.info.fill on color.surface.default · spec/components/badge.md:72 /contrast/18
• info outline text: color.status.info.text on color.surface.default · spec/components/badge.md:62 /contrast/8
• neutral outline border: color.status.neutral.border on color.surface.default · spec/components/badge.md:68 /contrast/14
• neutral dot on the panel surface: color.status.neutral.fill on color.surface.default · spec/components/badge.md:73 /contrast/19
• neutral outline text: color.status.neutral.text on color.surface.default · spec/components/badge.md:63 /contrast/9
• success outline border: color.status.success.border on color.surface.default · spec/components/badge.md:66 /contrast/12
• success dot on the panel surface: color.status.success.fill on color.surface.default · spec/components/badge.md:71 /contrast/17
• complete-step check: color.status.success.text on color.surface.default · spec/components/admin-form.md:73 /contrast/3
• success outline text: color.status.success.text on color.surface.default · spec/components/badge.md:61 /contrast/7
• the ✓ of the empty message: color.status.success.text on color.surface.default · spec/components/diagnostics.md:94 /contrast/21
• warning outline border: color.status.warning.border on color.surface.default · spec/components/badge.md:65 /contrast/11
• warning dot on the panel surface: color.status.warning.fill on color.surface.default · spec/components/badge.md:70 /contrast/16
• warning outline text: color.status.warning.text on color.surface.default · spec/components/badge.md:60 /contrast/6
• accent text on default surface: color.text.accent on color.surface.default · spec/contrast.json:17 /pairs/13
• breadcrumbs current fg: color.text.bright on color.surface.default · spec/components/breadcrumbs.md:42 /stateTokens/current
• column headers, empty-state heading and current page: color.text.bright on color.surface.default · spec/components/filterable-table.md:82 /contrast/2
• data-table sorted fg: color.text.bright on color.surface.default · spec/components/data-table.md:61 /stateTokens/sorted
• field default fg: color.text.bright on color.surface.default · spec/components/field.md:33 /stateTokens/default
• fieldset default fg: color.text.bright on color.surface.default · spec/components/fieldset.md:32 /stateTokens/default
• header text: color.text.bright on color.surface.default · spec/components/data-table.md:66 /contrast/0
• header text: color.text.bright on color.surface.default · spec/components/table.md:65 /contrast/0
• heading on the panel surface: color.text.bright on color.surface.default · spec/components/empty-state.md:35 /contrast/0
• legend on the panel surface: color.text.bright on color.surface.default · spec/components/checkbox.md:61 /contrast/1
• legend on the panel surface: color.text.bright on color.surface.default · spec/components/radio-group.md:58 /contrast/1
• panel title on the panel surface: color.text.bright on color.surface.default · spec/components/wizard.md:63 /contrast/1
• sidebar-nav current fg: color.text.bright on color.surface.default · spec/components/sidebar-nav.md:55 /stateTokens/current
• table sorted fg: color.text.bright on color.surface.default · spec/components/table.md:61 /stateTokens/sorted
• tabs selected fg: color.text.bright on color.surface.default · spec/components/tabs.md:47 /stateTokens/selected
• tabs selected+container-inactive fg: color.text.bright on color.surface.default · spec/components/tabs.md:49 /stateTokens/selected+container-inactive
• tabs selected+focus-visible fg: color.text.bright on color.surface.default · spec/components/tabs.md:48 /stateTokens/selected+focus-visible
• title on the card: color.text.bright on color.surface.default · spec/components/card.md:50 /contrast/0
• title, labels and the current step on the panel surface: color.text.bright on color.surface.default · spec/components/admin-form.md:70 /contrast/0
• title, legend and the current section on the panel surface: color.text.bright on color.surface.default · spec/components/settings-panel.md:59 /contrast/0
• avatar default fg: color.text.default on color.surface.default · spec/components/avatar.md:39 /stateTokens/default
• block label on the panel surface: color.text.default on color.surface.default · spec/components/loading-indicator.md:33 /contrast/1
• breadcrumbs truncated fg: color.text.default on color.surface.default · spec/components/breadcrumbs.md:43 /stateTokens/truncated
• button-group default fg: color.text.default on color.surface.default · spec/components/button-group.md:49 /stateTokens/default
• card default fg: color.text.default on color.surface.default · spec/components/card.md:44 /stateTokens/default
• card focus-visible fg: color.text.default on color.surface.default · spec/components/card.md:46 /stateTokens/focus-visible
• chart default fg: color.text.default on color.surface.default · spec/components/chart.md:44 /stateTokens/default
• chip default fg: color.text.default on color.surface.default · spec/components/chip.md:48 /stateTokens/default
• chip focus-visible fg: color.text.default on color.surface.default · spec/components/chip.md:50 /stateTokens/focus-visible
• command-palette default fg: color.text.default on color.surface.default · spec/components/command-palette.md:58 /stateTokens/default
• compact-dashboard default fg: color.text.default on color.surface.default · spec/components/compact-dashboard.md:50 /stateTokens/default
• data-table default fg: color.text.default on color.surface.default · spec/components/data-table.md:56 /stateTokens/default
• data-table focus-visible fg: color.text.default on color.surface.default · spec/components/data-table.md:58 /stateTokens/focus-visible
• default text on default surface: color.text.default on color.surface.default · spec/contrast.json:5 /pairs/1
• description-list default fg: color.text.default on color.surface.default · spec/components/description-list.md:39 /stateTokens/default
• diagnostics default fg: color.text.default on color.surface.default · spec/components/diagnostics.md:65 /stateTokens/default
• diagnostics focus-visible fg: color.text.default on color.surface.default · spec/components/diagnostics.md:67 /stateTokens/focus-visible
• disclosure default fg: color.text.default on color.surface.default · spec/components/disclosure.md:46 /stateTokens/default
• Editor text: color.text.default on color.surface.default · spec/components/form-builder.md:26 /contrast/0
• editor-search default fg: color.text.default on color.surface.default · spec/components/editor-search.md:53 /stateTokens/default
• error-state default fg: color.text.default on color.surface.default · spec/components/error-state.md:53 /stateTokens/default
• field labels inside the group: color.text.default on color.surface.default · spec/components/fieldset.md:35 /contrast/1
• file-browser default fg: color.text.default on color.surface.default · spec/components/file-browser.md:54 /stateTokens/default
• filterable-table default fg: color.text.default on color.surface.default · spec/components/filterable-table.md:74 /stateTokens/default
• filterable-table focus-visible fg: color.text.default on color.surface.default · spec/components/filterable-table.md:76 /stateTokens/focus-visible
• form-builder default fg: color.text.default on color.surface.default · spec/components/form-builder.md:24 /stateTokens/default
• kbd default fg: color.text.default on color.surface.default · spec/components/kbd.md:38 /stateTokens/default
• list default fg: color.text.default on color.surface.default · spec/components/list.md:50 /stateTokens/default
• list focus-visible fg: color.text.default on color.surface.default · spec/components/list.md:52 /stateTokens/focus-visible
• menu closed fg: color.text.default on color.surface.default · spec/components/menu.md:61 /stateTokens/closed
• menu focus-visible fg: color.text.default on color.surface.default · spec/components/menu.md:59 /stateTokens/focus-visible
• multiselect default fg: color.text.default on color.surface.default · spec/components/multiselect.md:70 /stateTokens/default
• option text on the panel surface: color.text.default on color.surface.default · spec/components/checkbox.md:60 /contrast/0
• option text on the panel surface: color.text.default on color.surface.default · spec/components/radio-group.md:57 /contrast/0
• pagination default fg: color.text.default on color.surface.default · spec/components/pagination.md:41 /stateTokens/default
• pagination focus-visible fg: color.text.default on color.surface.default · spec/components/pagination.md:43 /stateTokens/focus-visible
• panel text on the panel surface: color.text.default on color.surface.default · spec/components/wizard.md:64 /contrast/2
• popover default fg: color.text.default on color.surface.default · spec/components/popover.md:49 /stateTokens/default
• Primary content: color.text.default on color.surface.default · spec/components/avatar.md:43 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/button-group.md:53 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/chart.md:48 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/command-palette.md:62 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/compact-dashboard.md:54 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/description-list.md:43 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/disclosure.md:50 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/editor-search.md:57 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/error-state.md:57 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/file-browser.md:58 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/kbd.md:42 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/multiselect.md:74 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/popover.md:53 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/range.md:49 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/repeater.md:56 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/segmented-control.md:67 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/skeleton.md:44 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/timeline.md:44 /contrast/0
• Primary content: color.text.default on color.surface.default · spec/components/tree.md:54 /contrast/0
• range default fg: color.text.default on color.surface.default · spec/components/range.md:45 /stateTokens/default
• repeater default fg: color.text.default on color.surface.default · spec/components/repeater.md:52 /stateTokens/default
• segmented-control default fg: color.text.default on color.surface.default · spec/components/segmented-control.md:63 /stateTokens/default
• settings-panel default fg: color.text.default on color.surface.default · spec/components/settings-panel.md:54 /stateTokens/default
• sidebar-nav collapsed fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:59 /stateTokens/collapsed
• sidebar-nav default fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:52 /stateTokens/default
• sidebar-nav expanded fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:58 /stateTokens/expanded
• sidebar-nav focus-visible fg: color.text.default on color.surface.default · spec/components/sidebar-nav.md:54 /stateTokens/focus-visible
• skeleton default fg: color.text.default on color.surface.default · spec/components/skeleton.md:40 /stateTokens/default
• table default fg: color.text.default on color.surface.default · spec/components/table.md:56 /stateTokens/default
• tabs default fg: color.text.default on color.surface.default · spec/components/tabs.md:44 /stateTokens/default
• tabs focus-visible fg: color.text.default on color.surface.default · spec/components/tabs.md:46 /stateTokens/focus-visible
• timeline default fg: color.text.default on color.surface.default · spec/components/timeline.md:40 /stateTokens/default
• tree default fg: color.text.default on color.surface.default · spec/components/tree.md:50 /stateTokens/default
• visible name on the panel surface: color.text.default on color.surface.default · spec/components/switch.md:58 /contrast/4
• disabled label (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/field.md:39 /contrast/2
• disabled labels and review keys (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/admin-form.md:82 /contrast/12
• disabled legend and labels (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/fieldset.md:37 /contrast/3
• disabled name (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/switch.md:61 /contrast/7
• disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/checkbox.md:65 /contrast/5
• disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/list.md:59 /contrast/2
• disabled option text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/radio-group.md:62 /contrast/5
• disabled Prev link (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/filterable-table.md:89 /contrast/9
• disabled previous/next (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/pagination.md:47 /contrast/1
• disabled tab text (exempt; house floor 3:1): color.text.disabled on color.surface.default · spec/components/tabs.md:52 /contrast/1
• heading on default (D-033): color.text.heading on color.surface.default · spec/contrast.json:69 /pairs/65
• highlight on default (D-033): color.text.highlight on color.surface.default · spec/contrast.json:71 /pairs/67
• link underline: color.text.link-underline on color.surface.default · spec/components/breadcrumbs.md:46 /contrast/1
• underline on the panel: color.text.link-underline on color.surface.default · spec/components/link.md:43 /contrast/1
• breadcrumb links on the panel surface: color.text.link on color.surface.default · spec/components/admin-form.md:72 /contrast/2
• breadcrumbs default fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:39 /stateTokens/default
• breadcrumbs focus-visible fg: color.text.link on color.surface.default · spec/components/breadcrumbs.md:41 /stateTokens/focus-visible
• link text on the panel: color.text.link on color.surface.default · spec/components/link.md:44 /contrast/2
• block glyph on the panel surface: color.text.muted on color.surface.default · spec/components/loading-indicator.md:34 /contrast/2
• caption: color.text.muted on color.surface.default · spec/components/table.md:67 /contrast/2
• count, chip remove glyph and empty-state text: color.text.muted on color.surface.default · spec/components/filterable-table.md:83 /contrast/3
• data-table empty fg: color.text.muted on color.surface.default · spec/components/data-table.md:63 /stateTokens/empty
• data-table loading fg: color.text.muted on color.surface.default · spec/components/data-table.md:64 /stateTokens/loading
• Definition status: color.text.muted on color.surface.default · spec/components/form-builder.md:27 /contrast/1
• diagnostics empty fg: color.text.muted on color.surface.default · spec/components/diagnostics.md:71 /stateTokens/empty
• empty-state default fg: color.text.muted on color.surface.default · spec/components/empty-state.md:33 /stateTokens/default
• filterable-table no-results fg: color.text.muted on color.surface.default · spec/components/filterable-table.md:78 /stateTokens/no-results
• gap ellipsis on the panel surface: color.text.muted on color.surface.default · spec/components/pagination.md:48 /contrast/2
• help and count on the panel surface: color.text.muted on color.surface.default · spec/components/textarea.md:66 /contrast/1
• help and no-results status on the panel surface: color.text.muted on color.surface.default · spec/components/search-field.md:63 /contrast/4
• help text inside the group: color.text.muted on color.surface.default · spec/components/fieldset.md:36 /contrast/2
• help text on the panel surface: color.text.muted on color.surface.default · spec/components/field.md:37 /contrast/0
• help text on the panel surface: color.text.muted on color.surface.default · spec/components/number-field.md:64 /contrast/4
• help text on the panel surface: color.text.muted on color.surface.default · spec/components/select.md:67 /contrast/5
• help text on the panel surface: color.text.muted on color.surface.default · spec/components/text-field.md:77 /contrast/1
• help, affix and review keys on the panel surface: color.text.muted on color.surface.default · spec/components/admin-form.md:71 /contrast/1
• lead and help text on the panel surface: color.text.muted on color.surface.default · spec/components/settings-panel.md:60 /contrast/1
• location and rule code: color.text.muted on color.surface.default · spec/components/diagnostics.md:91 /contrast/18
• metadata column on the list surface: color.text.muted on color.surface.default · spec/components/list.md:57 /contrast/0
• metadata on the card: color.text.muted on color.surface.default · spec/components/card.md:51 /contrast/1
• Off / On word on the panel surface: color.text.muted on color.surface.default · spec/components/switch.md:59 /contrast/5
• remove glyph at rest: color.text.muted on color.surface.default · spec/components/chip.md:54 /contrast/0
• separator on the panel surface: color.text.muted on color.surface.default · spec/components/breadcrumbs.md:45 /contrast/0
• Supporting content: color.text.muted on color.surface.default · spec/components/avatar.md:46 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/button-group.md:56 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/chart.md:51 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/command-palette.md:65 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/compact-dashboard.md:57 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/description-list.md:46 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/disclosure.md:53 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/editor-search.md:60 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/error-state.md:60 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/file-browser.md:61 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/kbd.md:45 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/multiselect.md:77 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/popover.md:56 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/range.md:52 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/repeater.md:59 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/segmented-control.md:70 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/skeleton.md:47 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/timeline.md:47 /contrast/1
• Supporting content: color.text.muted on color.surface.default · spec/components/tree.md:57 /contrast/1
• table empty fg: color.text.muted on color.surface.default · spec/components/table.md:62 /stateTokens/empty
• table loading fg: color.text.muted on color.surface.default · spec/components/table.md:63 /stateTokens/loading
• prose on default (D-033): color.text.prose on color.surface.default · spec/contrast.json:67 /pairs/63
• hint glyph in the panel: color.text.subtle on color.surface.default · spec/components/diagnostics.md:90 /contrast/17

heritage-ansi · heritage

Resolved value

#160b0b

Status

heritage

Consumption

historical-only — Historical fidelity only; preserve all documented limitations and deprecations.

Decisions

None pending.

Source

tokens/profiles/heritage-ansi.tokens.json:221 /color/surface/default

Alias chain

color.primitive.ink.30

Used by aliases

No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage