color.border.selected-indicator
2px indicator bar on the selected tab or nav item.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.border.selected-indicator--color-border-selected-indicatordefault · approved
- Resolved value
#e53935- Status
- observed
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:406
/color/border/selected-indicator - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | — · color.surface.default | spec/components/admin-form.md:79 /contrast/9 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:79 /contrast/8 |
| icon-button · contrast | — | toggled · color.surface.default | spec/components/icon-button.md:46 /contrast/0 |
| settings-panel · contrast | — | — · color.surface.default | spec/components/settings-panel.md:62 /contrast/3 |
| admin-form · part | step.current-indicator | — | spec/components/admin-form.md:34 /tokens/step.current-indicator |
| command-palette · part | dependency.role-color-border-selected-indicator | — | spec/components/command-palette.md:44 /tokens/dependency.role-color-border-selected-indicator |
| file-browser · part | dependency.role-color-border-selected-indicator | — | spec/components/file-browser.md:44 /tokens/dependency.role-color-border-selected-indicator |
| i3-window-frame · part | tab.indicator | — | spec/components/i3-window-frame.md:57 /tokens/tab.indicator |
| icon-button · part | root.border-toggled | — | spec/components/icon-button.md:32 /tokens/root.border-toggled |
| link · part | root.indicator | — | spec/components/link.md:33 /tokens/root.indicator |
| settings-panel · part | nav.current-indicator | — | spec/components/settings-panel.md:33 /tokens/nav.current-indicator |
| sidebar-nav · part | link.indicator | — | spec/components/sidebar-nav.md:41 /tokens/link.indicator |
| tabs · part | tab.indicator | — | spec/components/tabs.md:38 /tokens/tab.indicator |
| tree · part | dependency.role-color-border-selected-indicator | — | spec/components/tree.md:37 /tokens/dependency.role-color-border-selected-indicator |
| wizard · part | step.indicator-current | — | spec/components/wizard.md:34 /tokens/step.indicator-current |
obsidian · port.theme-dark .prompt .suggestion-item.is-selected | border-inline-start-color | — | — | ports/obsidian/mapping.json:369 /mappings/color.border.selected-indicator/0 |
obsidian · port.theme-dark .tree-item-self.is-active | border-inline-start-color | — | — | ports/obsidian/mapping.json:370 /mappings/color.border.selected-indicator/1 |
obsidian · port.theme-dark .tree-item-self.is-selected | border-inline-start-color | — | — | ports/obsidian/mapping.json:371 /mappings/color.border.selected-indicator/2 |
obsidian · port.theme-dark .workspace-tab-header-container .workspace-tab-header.is-active | border-bottom-color | — | — | ports/obsidian/mapping.json:372 /mappings/color.border.selected-indicator/3 |
orca · portapp.tokens.--tab-active-indicator | — | — | ports/orca/mapping.json:248 /mappings/color.border.selected-indicator/1 |
orca · portapp.tokens.--worktree-sidebar-active-border | — | — | ports/orca/mapping.json:247 /mappings/color.border.selected-indicator/0 |
windows · portterminal-chrome.resource.ComboBoxItemPillFillBrush | — | — | ports/windows/mapping.json:2183 /mappings/color.border.selected-indicator/2 |
windows · portwindows-11-start-menu-styler | web .scope-tile--selected > div | border-bottom-color | — | — | ports/windows/mapping.json:2182 /mappings/color.border.selected-indicator/1 |
windows · portwindows-11-start-menu-styler | web .suggestion[aria-selected="true"], .suggestion.leftPill:not([aria-selected="false"]), .suggContainer[aria-selected="true"], .suggContainer.leftPill:not([aria-selected="false"]), .suggContainer:has(.suggestion[aria-selected="true"]), .suggContainer:has(.suggestion.leftPill:not([aria-selected="false"])) | border-inline-start-color | — | — | ports/windows/mapping.json:2181 /mappings/color.border.selected-indicator/0 |
| link · state | border | current · color.surface.canvas | spec/components/link.md:40 /stateTokens/current/border |
| sidebar-nav · state | border | current · color.surface.default | spec/components/sidebar-nav.md:55 /stateTokens/current/border |
| tabs · state | border | selected · color.surface.default | spec/components/tabs.md:47 /stateTokens/selected/border |
| tabs · state | border | selected+focus-visible · color.surface.default | spec/components/tabs.md:48 /stateTokens/selected+focus-visible/border |
| wizard · state | border | current · color.surface.canvas | spec/components/wizard.md:58 /stateTokens/current/border |
Declared unmapped ports
- chatgpt: ChatGPT draws its own borders; there is no border colour setting. · ports/chatgpt/mapping.json:68
/unmapped/color.border.selected-indicator - claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:178
/unmapped/color.border.selected-indicator - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:104
/unmapped/color.border.selected-indicator - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:103
/unmapped/color.border.selected-indicator - telegram: color.border.selected-indicator has no separate native hook in this projection; related controls share the declared canonical role instead. · ports/telegram/mapping.json:1395
/unmapped/color.border.selected-indicator - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:97
/unmapped/color.border.selected-indicator
Relevant contrast declarations
- link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - 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
heritage-ansi · heritage
- Resolved value
#e53935- Status
- observed
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:406
/color/border/selected-indicator - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | — · color.surface.default | spec/components/admin-form.md:79 /contrast/9 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:79 /contrast/8 |
| icon-button · contrast | — | toggled · color.surface.default | spec/components/icon-button.md:46 /contrast/0 |
| settings-panel · contrast | — | — · color.surface.default | spec/components/settings-panel.md:62 /contrast/3 |
| admin-form · part | step.current-indicator | — | spec/components/admin-form.md:34 /tokens/step.current-indicator |
| command-palette · part | dependency.role-color-border-selected-indicator | — | spec/components/command-palette.md:44 /tokens/dependency.role-color-border-selected-indicator |
| file-browser · part | dependency.role-color-border-selected-indicator | — | spec/components/file-browser.md:44 /tokens/dependency.role-color-border-selected-indicator |
| i3-window-frame · part | tab.indicator | — | spec/components/i3-window-frame.md:57 /tokens/tab.indicator |
| icon-button · part | root.border-toggled | — | spec/components/icon-button.md:32 /tokens/root.border-toggled |
| link · part | root.indicator | — | spec/components/link.md:33 /tokens/root.indicator |
| settings-panel · part | nav.current-indicator | — | spec/components/settings-panel.md:33 /tokens/nav.current-indicator |
| sidebar-nav · part | link.indicator | — | spec/components/sidebar-nav.md:41 /tokens/link.indicator |
| tabs · part | tab.indicator | — | spec/components/tabs.md:38 /tokens/tab.indicator |
| tree · part | dependency.role-color-border-selected-indicator | — | spec/components/tree.md:37 /tokens/dependency.role-color-border-selected-indicator |
| wizard · part | step.indicator-current | — | spec/components/wizard.md:34 /tokens/step.indicator-current |
| link · state | border | current · color.surface.canvas | spec/components/link.md:40 /stateTokens/current/border |
| sidebar-nav · state | border | current · color.surface.default | spec/components/sidebar-nav.md:55 /stateTokens/current/border |
| tabs · state | border | selected · color.surface.default | spec/components/tabs.md:47 /stateTokens/selected/border |
| tabs · state | border | selected+focus-visible · color.surface.default | spec/components/tabs.md:48 /stateTokens/selected+focus-visible/border |
| wizard · state | border | current · color.surface.canvas | spec/components/wizard.md:58 /stateTokens/current/border |
Relevant contrast declarations
- link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - 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
extended · proposed
- Resolved value
#e53935- Status
- observed
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:406
/color/border/selected-indicator - Alias chain
color.primitive.red.800- Used by aliases
- No declared aliases depend on this role.
Provenance and restrictions
nullDeclared component and port usage
| Consumer / kind | Part / variant | State / surface | Source declaration |
|---|---|---|---|
| admin-form · contrast | — | — · color.surface.default | spec/components/admin-form.md:79 /contrast/9 |
| i3-window-frame · contrast | — | — · color.surface.chrome | spec/components/i3-window-frame.md:79 /contrast/8 |
| icon-button · contrast | — | toggled · color.surface.default | spec/components/icon-button.md:46 /contrast/0 |
| settings-panel · contrast | — | — · color.surface.default | spec/components/settings-panel.md:62 /contrast/3 |
| admin-form · part | step.current-indicator | — | spec/components/admin-form.md:34 /tokens/step.current-indicator |
| command-palette · part | dependency.role-color-border-selected-indicator | — | spec/components/command-palette.md:44 /tokens/dependency.role-color-border-selected-indicator |
| file-browser · part | dependency.role-color-border-selected-indicator | — | spec/components/file-browser.md:44 /tokens/dependency.role-color-border-selected-indicator |
| i3-window-frame · part | tab.indicator | — | spec/components/i3-window-frame.md:57 /tokens/tab.indicator |
| icon-button · part | root.border-toggled | — | spec/components/icon-button.md:32 /tokens/root.border-toggled |
| link · part | root.indicator | — | spec/components/link.md:33 /tokens/root.indicator |
| settings-panel · part | nav.current-indicator | — | spec/components/settings-panel.md:33 /tokens/nav.current-indicator |
| sidebar-nav · part | link.indicator | — | spec/components/sidebar-nav.md:41 /tokens/link.indicator |
| tabs · part | tab.indicator | — | spec/components/tabs.md:38 /tokens/tab.indicator |
| tree · part | dependency.role-color-border-selected-indicator | — | spec/components/tree.md:37 /tokens/dependency.role-color-border-selected-indicator |
| wizard · part | step.indicator-current | — | spec/components/wizard.md:34 /tokens/step.indicator-current |
| link · state | border | current · color.surface.canvas | spec/components/link.md:40 /stateTokens/current/border |
| sidebar-nav · state | border | current · color.surface.default | spec/components/sidebar-nav.md:55 /stateTokens/current/border |
| tabs · state | border | selected · color.surface.default | spec/components/tabs.md:47 /stateTokens/selected/border |
| tabs · state | border | selected+focus-visible · color.surface.default | spec/components/tabs.md:48 /stateTokens/selected+focus-visible/border |
| wizard · state | border | current · color.surface.canvas | spec/components/wizard.md:58 /stateTokens/current/border |
Relevant contrast declarations
- link current border: color.border.selected-indicator on color.surface.canvas · spec/components/link.md:40
/stateTokens/current - wizard current border: color.border.selected-indicator on color.surface.canvas · spec/components/wizard.md:58
/stateTokens/current - visible-tab indicator on the title row: color.border.selected-indicator on color.surface.chrome · spec/components/i3-window-frame.md:79
/contrast/8 - 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