J3W1 / DESIGN SYSTEM
color.surface.chrome
Window chrome, title bars, bars.
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.surface.chrome--color-surface-chromedefault · approved
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}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:81
/contrast/10 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:77
/contrast/6 - 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:80
/contrast/9 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - 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:71
/contrast/0 - 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:83
/contrast/12
heritage-ansi · heritage
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:81
/contrast/10 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:77
/contrast/6 - 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:80
/contrast/9 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - 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:71
/contrast/0 - 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:83
/contrast/12
extended · proposed
Provenance and restrictions
{
"status": "approved",
"approval": {
"decision": "D-023"
}
}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:81
/contrast/10 - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:78
/contrast/7 - status glyphs (decorative): color.icon.decorative on color.surface.chrome · spec/components/i3-window-frame.md:84
/contrast/13 - ring on a workspace or tab: color.interaction.focus.ring on color.surface.chrome · spec/components/i3-window-frame.md:77
/contrast/6 - 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:80
/contrast/9 - urgent fill against the bar: color.status.danger.fill on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - clock on the bar: color.text.bright on color.surface.chrome · spec/components/i3-window-frame.md:72
/contrast/1 - 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:71
/contrast/0 - 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:83
/contrast/12