j3w1 / theme

j3w1 / theme4.0.0

j3w1 / command

  • SPEC Overview
  • SPEC Foundations
  • SPEC Components
  • SPEC Patterns
  • SPEC Tokens
  • SPEC Tools
  • SPEC Workbench
  • SPEC Form builder
  • SPEC Task kit
  • SPEC Recipes
  • SPEC Figma bridge
  • SPEC Report an issue
  • SPEC Implement
  • SPEC For agents
  • SPEC Ports
  • SPEC Releases
  • SPEC Specification
  • DEMO Vue application demo

color.surface.chrome

D-041 surface.chrome: color.primitive.ink.0.

Source revision 9afef8564142e41458748895d16b4df161a67d66

color.surface.chrome--color-surface-chrome

default · 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
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 / kindPart / variantState / surfaceSource declaration
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:80 /contrast/0
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
i3-window-frame · contrast—container-inactive · color.surface.chromespec/components/i3-window-frame.md:82 /contrast/11
i3-window-frame · contrast—error · color.surface.chromespec/components/i3-window-frame.md:80 /contrast/9
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:81 /contrast/10
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:85 /contrast/14
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:78 /contrast/7
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:48 /contrast/1
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:49 /contrast/2
compact-dashboard · partdependency.role-color-surface-chrome—spec/components/compact-dashboard.md:40 /tokens/dependency.role-color-surface-chrome
filterable-table · parttoolbar.bg—spec/components/filterable-table.md:33 /tokens/toolbar.bg
i3-window-frame · partbar.bg—spec/components/i3-window-frame.md:34 /tokens/bar.bg
i3-window-frame · parttitle.bg—spec/components/i3-window-frame.md:53 /tokens/title.bg
toolbar · partroot.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 · statebgcontainer-inactive · color.surface.chromespec/components/i3-window-frame.md:68 /stateTokens/container-inactive/bg
i3-window-frame · statebgdefault · color.surface.chromespec/components/i3-window-frame.md:65 /stateTokens/default/bg
toolbar · statebgdefault · color.surface.chromespec/components/toolbar.md:42 /stateTokens/default/bg
toolbar · statebgfocus-visible · color.surface.chromespec/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

heritage-ansi · heritage

Resolved value
#100909
Status
heritage
Consumption
historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
Decisions
None pending.
Used by aliases
No declared aliases depend on this role.

Provenance and restrictions

{
  "status": "heritage"
}

Declared component and port usage

Consumer / kindPart / variantState / surfaceSource declaration
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:80 /contrast/0
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
i3-window-frame · contrast—container-inactive · color.surface.chromespec/components/i3-window-frame.md:82 /contrast/11
i3-window-frame · contrast—error · color.surface.chromespec/components/i3-window-frame.md:80 /contrast/9
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:81 /contrast/10
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:85 /contrast/14
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:78 /contrast/7
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:48 /contrast/1
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:49 /contrast/2
compact-dashboard · partdependency.role-color-surface-chrome—spec/components/compact-dashboard.md:40 /tokens/dependency.role-color-surface-chrome
filterable-table · parttoolbar.bg—spec/components/filterable-table.md:33 /tokens/toolbar.bg
i3-window-frame · partbar.bg—spec/components/i3-window-frame.md:34 /tokens/bar.bg
i3-window-frame · parttitle.bg—spec/components/i3-window-frame.md:53 /tokens/title.bg
toolbar · partroot.bg—spec/components/toolbar.md:29 /tokens/root.bg
i3-window-frame · statebgcontainer-inactive · color.surface.chromespec/components/i3-window-frame.md:68 /stateTokens/container-inactive/bg
i3-window-frame · statebgdefault · color.surface.chromespec/components/i3-window-frame.md:65 /stateTokens/default/bg
toolbar · statebgdefault · color.surface.chromespec/components/toolbar.md:42 /stateTokens/default/bg
toolbar · statebgfocus-visible · color.surface.chromespec/components/toolbar.md:44 /stateTokens/focus-visible/bg

Relevant contrast declarations

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
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 / kindPart / variantState / surfaceSource declaration
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:80 /contrast/0
filterable-table · contrast—— · color.surface.chromespec/components/filterable-table.md:81 /contrast/1
i3-window-frame · contrast—container-inactive · color.surface.chromespec/components/i3-window-frame.md:82 /contrast/11
i3-window-frame · contrast—error · color.surface.chromespec/components/i3-window-frame.md:80 /contrast/9
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:72 /contrast/1
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:81 /contrast/10
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:84 /contrast/13
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:85 /contrast/14
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:73 /contrast/2
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:78 /contrast/7
i3-window-frame · contrast—— · color.surface.chromespec/components/i3-window-frame.md:79 /contrast/8
toolbar · contrast—disabled · color.surface.chromespec/components/toolbar.md:47 /contrast/0
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:48 /contrast/1
toolbar · contrast—— · color.surface.chromespec/components/toolbar.md:49 /contrast/2
compact-dashboard · partdependency.role-color-surface-chrome—spec/components/compact-dashboard.md:40 /tokens/dependency.role-color-surface-chrome
filterable-table · parttoolbar.bg—spec/components/filterable-table.md:33 /tokens/toolbar.bg
i3-window-frame · partbar.bg—spec/components/i3-window-frame.md:34 /tokens/bar.bg
i3-window-frame · parttitle.bg—spec/components/i3-window-frame.md:53 /tokens/title.bg
toolbar · partroot.bg—spec/components/toolbar.md:29 /tokens/root.bg
i3-window-frame · statebgcontainer-inactive · color.surface.chromespec/components/i3-window-frame.md:68 /stateTokens/container-inactive/bg
i3-window-frame · statebgdefault · color.surface.chromespec/components/i3-window-frame.md:65 /stateTokens/default/bg
toolbar · statebgdefault · color.surface.chromespec/components/toolbar.md:42 /stateTokens/default/bg
toolbar · statebgfocus-visible · color.surface.chromespec/components/toolbar.md:44 /stateTokens/focus-visible/bg

Relevant contrast declarations