color.surface.chrome
D-041 surface.chrome: color.primitive.ink.0.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.surface.chrome--color-surface-chromedefault · approved
- Resolved value
#000000- Status
- approved
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:22
/color/surface/chrome - Alias chain
color.primitive.ink.0- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-041"
}
}Declared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| filterable-table · contrast | — | — · color.surface.chrome | spec/components/filterable-table.md:80 /contrast/0 |
| filterable-table · contrast | — | — · color.surface.chrome | spec/components/filterable-table.md:81 /contrast/1 |
| i3-window-frame · contrast | — | container-inactive · color.surface.chrome | spec/components/i3-window-frame.md:82 /contrast/11 |
| i3-window-frame · contrast | — | error · color.surface.chrome | spec/components/i3-window-frame.md:80 /contrast/9 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:72 /contrast/1 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:81 /contrast/10 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:84 /contrast/13 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:85 /contrast/14 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:73 /contrast/2 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:78 /contrast/7 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:79 /contrast/8 |
| toolbar · contrast | — | disabled · color.surface.chrome | spec/components/toolbar.md:47 /contrast/0 |
| toolbar · contrast | — | — · color.surface.chrome | spec/components/toolbar.md:48 /contrast/1 |
| toolbar · contrast | — | — · color.surface.chrome | spec/components/toolbar.md:49 /contrast/2 |
| compact-dashboard · part | dependency.role-color-surface-chrome | — | spec/components/compact-dashboard.md:40 /tokens/dependency.role-color-surface-chrome |
| filterable-table · part | toolbar.bg | — | spec/components/filterable-table.md:33 /tokens/toolbar.bg |
| i3-window-frame · part | bar.bg | — | spec/components/i3-window-frame.md:34 /tokens/bar.bg |
| i3-window-frame · part | title.bg | — | spec/components/i3-window-frame.md:53 /tokens/title.bg |
| toolbar · part | root.bg | — | spec/components/toolbar.md:29 /tokens/root.bg |
obsidian · port--file-header-background | — | — | ports/obsidian/mapping.json:44 /mappings/color.surface.chrome/5 |
obsidian · port--ribbon-background-collapsed | — | — | ports/obsidian/mapping.json:40 /mappings/color.surface.chrome/1 |
obsidian · port--ribbon-background | — | — | ports/obsidian/mapping.json:39 /mappings/color.surface.chrome/0 |
obsidian · port--status-bar-background | — | — | ports/obsidian/mapping.json:43 /mappings/color.surface.chrome/4 |
obsidian · port--tab-container-background | — | — | ports/obsidian/mapping.json:42 /mappings/color.surface.chrome/3 |
obsidian · port--titlebar-background | — | — | ports/obsidian/mapping.json:41 /mappings/color.surface.chrome/2 |
telegram · portandroid:actionBarActionModeDefault | — | — | ports/telegram/mapping.json:14 /mappings/color.surface.chrome/2 |
telegram · portandroid:actionBarDefault | — | — | ports/telegram/mapping.json:13 /mappings/color.surface.chrome/1 |
telegram · portandroid:chat_topPanelBackground | — | — | ports/telegram/mapping.json:16 /mappings/color.surface.chrome/4 |
telegram · portandroid:chat_wallpaper_gradient_to | — | — | ports/telegram/mapping.json:42 /mappings/color.surface.chrome/30 |
telegram · portandroid:glass_targetMainTabs | — | — | ports/telegram/mapping.json:29 /mappings/color.surface.chrome/17 |
telegram · portandroid:glass_targetMainTopPanel | — | — | ports/telegram/mapping.json:30 /mappings/color.surface.chrome/18 |
telegram · portandroid:inappPlayerBackground | — | — | ports/telegram/mapping.json:12 /mappings/color.surface.chrome/0 |
telegram · portandroid:iv_navigationBackground | — | — | ports/telegram/mapping.json:28 /mappings/color.surface.chrome/16 |
telegram · portandroid:key_chat_messagePanelVoiceLockBackground | — | — | ports/telegram/mapping.json:15 /mappings/color.surface.chrome/3 |
telegram · portandroid:key_player_progressCachedBackground | — | — | ports/telegram/mapping.json:27 /mappings/color.surface.chrome/15 |
telegram · portandroid:player_actionBar | — | — | ports/telegram/mapping.json:44 /mappings/color.surface.chrome/32 |
telegram · portandroid:player_background | — | — | ports/telegram/mapping.json:26 /mappings/color.surface.chrome/14 |
telegram · portandroid:sharedMedia_actionMode | — | — | ports/telegram/mapping.json:43 /mappings/color.surface.chrome/31 |
telegram · portandroid:voipgroup_actionBar | — | — | ports/telegram/mapping.json:18 /mappings/color.surface.chrome/6 |
telegram · portandroid:voipgroup_actionBarUnscrolled | — | — | ports/telegram/mapping.json:19 /mappings/color.surface.chrome/7 |
telegram · portandroid:voipgroup_dialogBackground | — | — | ports/telegram/mapping.json:22 /mappings/color.surface.chrome/10 |
telegram · portandroid:voipgroup_inviteMembersBackground | — | — | ports/telegram/mapping.json:17 /mappings/color.surface.chrome/5 |
telegram · portandroid:voipgroup_listViewBackground | — | — | ports/telegram/mapping.json:21 /mappings/color.surface.chrome/9 |
telegram · portandroid:voipgroup_listViewBackgroundUnscrolled | — | — | ports/telegram/mapping.json:20 /mappings/color.surface.chrome/8 |
telegram · portandroid:voipgroup_searchBackground | — | — | ports/telegram/mapping.json:23 /mappings/color.surface.chrome/11 |
telegram · portandroid:voipgroup_windowBackgroundWhiteInputField | — | — | ports/telegram/mapping.json:24 /mappings/color.surface.chrome/12 |
telegram · portandroid:voipgroup_windowBackgroundWhiteInputFieldActivated | — | — | ports/telegram/mapping.json:25 /mappings/color.surface.chrome/13 |
claude-code · portcomposerSidebarBackground | — | — | ports/claude-code/mapping.json:52 /mappings/color.surface.chrome/0 |
telegram · portdesktop:callBarBg | — | — | ports/telegram/mapping.json:38 /mappings/color.surface.chrome/26 |
telegram · portdesktop:callBarBgMuted | — | — | ports/telegram/mapping.json:39 /mappings/color.surface.chrome/27 |
telegram · portdesktop:callBgOpaque | — | — | ports/telegram/mapping.json:37 /mappings/color.surface.chrome/25 |
telegram · portdesktop:mainMenuCoverBg | — | — | ports/telegram/mapping.json:35 /mappings/color.surface.chrome/23 |
telegram · portdesktop:mediaPlayerBg | — | — | ports/telegram/mapping.json:36 /mappings/color.surface.chrome/24 |
telegram · portdesktop:sideBarBg | — | — | ports/telegram/mapping.json:41 /mappings/color.surface.chrome/29 |
telegram · portdesktop:titleBg | — | — | ports/telegram/mapping.json:31 /mappings/color.surface.chrome/19 |
telegram · portdesktop:titleButtonBgActive | — | — | ports/telegram/mapping.json:32 /mappings/color.surface.chrome/20 |
telegram · portdesktop:titleButtonCloseBg | — | — | ports/telegram/mapping.json:33 /mappings/color.surface.chrome/21 |
telegram · portdesktop:topBarBg | — | — | ports/telegram/mapping.json:34 /mappings/color.surface.chrome/22 |
telegram · portdesktop:walletTopBg | — | — | ports/telegram/mapping.json:40 /mappings/color.surface.chrome/28 |
windows · portnotepad-chrome.resource.TabViewItemHeaderBackground | — | — | ports/windows/mapping.json:307 /mappings/color.surface.chrome/9 |
windows · portpaint-chrome.resource.TabViewItemHeaderBackground | — | — | ports/windows/mapping.json:308 /mappings/color.surface.chrome/10 |
windows · portterminal-chrome.resource.TabViewItemHeaderBackground | — | — | ports/windows/mapping.json:309 /mappings/color.surface.chrome/11 |
windows · portterminal.chrome | — | — | ports/windows/mapping.json:298 /mappings/color.surface.chrome/0 |
windows · portwindows-11-notification-center-styler | ActionCenter.FocusSessionControl#FocusSessionControl > Grid#FocusGrid | Background | — | — | ports/windows/mapping.json:305 /mappings/color.surface.chrome/7 |
windows · portwindows-11-notification-center-styler | Border#CalendarHeaderMinimizedOverlay | Background | — | — | ports/windows/mapping.json:304 /mappings/color.surface.chrome/6 |
windows · portwindows-11-notification-center-styler | Grid#NotificationCenterTopBanner | Background | — | — | ports/windows/mapping.json:306 /mappings/color.surface.chrome/8 |
windows · portwindows-11-notification-center-styler | ScrollViewer#CalendarControlScrollViewer | Background | — | — | ports/windows/mapping.json:303 /mappings/color.surface.chrome/5 |
windows · portwindows-11-start-menu-styler | Border#AcrylicOverlay | Background | — | — | ports/windows/mapping.json:301 /mappings/color.surface.chrome/3 |
windows · portwindows-11-start-menu-styler | Grid#CompanionRoot > Grid#MainContent > Border#AcrylicOverlay | Background | — | — | ports/windows/mapping.json:302 /mappings/color.surface.chrome/4 |
windows · portwindows-11-taskbar-styler | Rectangle#BackgroundFill | Fill | — | — | ports/windows/mapping.json:300 /mappings/color.surface.chrome/2 |
windows · portwindows-11-taskbar-styler | Taskbar.TaskbarFrame > Grid#RootGrid | Background | — | — | ports/windows/mapping.json:299 /mappings/color.surface.chrome/1 |
| i3-window-frame · state | bg | container-inactive · color.surface.chrome | spec/components/i3-window-frame.md:68 /stateTokens/container-inactive/bg |
| i3-window-frame · state | bg | default · color.surface.chrome | spec/components/i3-window-frame.md:65 /stateTokens/default/bg |
| toolbar · state | bg | default · color.surface.chrome | spec/components/toolbar.md:42 /stateTokens/default/bg |
| toolbar · state | bg | focus-visible · color.surface.chrome | spec/components/toolbar.md:44 /stateTokens/focus-visible/bg |
Declared unmapped ports
- chatgpt: ChatGPT has one background; raised, overlay and inset surfaces follow its own derivation from it. · ports/chatgpt/mapping.json:261
/unmapped/color.surface.chrome - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:281
/unmapped/color.surface.chrome - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:300
/unmapped/color.surface.chrome - 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:624
/unmapped/color.surface.chrome - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:294
/unmapped/color.surface.chrome
Relevant contrast declarations
- search box and filter button boundaries on the chrome surface: color.border.control on color.surface.chrome · spec/components/filterable-table.md:81
/contrast/1 - separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48
/contrast/1 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - inactive tab indicator: color.border.selected-indicator-inactive on color.surface.chrome · spec/components/i3-window-frame.md:82
/contrast/11 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:85
/contrast/14 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - toolbar focus-visible outline: color.interaction.focus.ring on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - visible-workspace fill against the bar: color.interaction.selection.bg on color.surface.chrome · spec/components/i3-window-frame.md:81
/contrast/10 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:80
/contrast/9 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:73
/contrast/2 - toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80
/contrast/0 - toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42
/stateTokens/default - toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - disabled button text (exempt; house floor 3:1): color.text.disabled on color.surface.chrome · spec/components/toolbar.md:47
/contrast/0 - i3-window-frame container-inactive fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:68
/stateTokens/container-inactive - i3-window-frame default fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:65
/stateTokens/default - status block separators (decorative): color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13
heritage-ansi · heritage
- Resolved value
#100909- Status
- heritage
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/profiles/heritage-ansi.tokens.json:212
/color/surface/chrome - Alias chain
color.primitive.ink.25- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "heritage"
}Declared component and port usage
Relevant contrast declarations
- search box and filter button boundaries on the chrome surface: color.border.control on color.surface.chrome · spec/components/filterable-table.md:81
/contrast/1 - separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48
/contrast/1 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - inactive tab indicator: color.border.selected-indicator-inactive on color.surface.chrome · spec/components/i3-window-frame.md:82
/contrast/11 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:85
/contrast/14 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - toolbar focus-visible outline: color.interaction.focus.ring on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - visible-workspace fill against the bar: color.interaction.selection.bg on color.surface.chrome · spec/components/i3-window-frame.md:81
/contrast/10 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:80
/contrast/9 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:73
/contrast/2 - toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80
/contrast/0 - toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42
/stateTokens/default - toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - disabled button text (exempt; house floor 3:1): color.text.disabled on color.surface.chrome · spec/components/toolbar.md:47
/contrast/0 - i3-window-frame container-inactive fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:68
/stateTokens/container-inactive - i3-window-frame default fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:65
/stateTokens/default - status block separators (decorative): color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13
extended · proposed
- Resolved value
#000000- Status
- approved
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:22
/color/surface/chrome - Alias chain
color.primitive.ink.0- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-041"
}
}Declared component and port usage
Relevant contrast declarations
- search box and filter button boundaries on the chrome surface: color.border.control on color.surface.chrome · spec/components/filterable-table.md:81
/contrast/1 - separator (decorative; role separator carries the grouping): color.border.default on color.surface.chrome · spec/components/toolbar.md:48
/contrast/1 - toolbar bottom edge (decorative): color.border.divider on color.surface.chrome · spec/components/toolbar.md:49
/contrast/2 - inactive tab indicator: color.border.selected-indicator-inactive on color.surface.chrome · spec/components/i3-window-frame.md:82
/contrast/11 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:85
/contrast/14 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - toolbar focus-visible outline: color.interaction.focus.ring on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - visible-workspace fill against the bar: color.interaction.selection.bg on color.surface.chrome · spec/components/i3-window-frame.md:81
/contrast/10 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:80
/contrast/9 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:73
/contrast/2 - toolbar controls on the chrome surface: color.text.default on color.surface.chrome · spec/components/filterable-table.md:80
/contrast/0 - toolbar default fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:42
/stateTokens/default - toolbar focus-visible fg: color.text.default on color.surface.chrome · spec/components/toolbar.md:44
/stateTokens/focus-visible - workspace names and status text on the bar: color.text.default on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - disabled button text (exempt; house floor 3:1): color.text.disabled on color.surface.chrome · spec/components/toolbar.md:47
/contrast/0 - i3-window-frame container-inactive fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:68
/stateTokens/container-inactive - i3-window-frame default fg: color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:65
/stateTokens/default - status block separators (decorative): color.text.muted on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13