color.border.active
Active or focused control border.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.border.active--color-border-activedefault · 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:378
/color/border/active - 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 |
|---|---|---|---|
| button · contrast | — | active · color.interaction.pressed.bg | spec/components/button.md:77 /contrast/10 |
| i3-window-frame · contrast | — | — · color.surface.desktop | spec/components/i3-window-frame.md:75 /contrast/4 |
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:46 /pairs/42 |
| button-group · part | control.border-active | — | spec/components/button-group.md:34 /tokens/control.border-active |
| button · part | secondary.border-active · secondary | — | spec/components/button.md:53 /tokens/secondary.border-active |
| button · part | tertiary.border-active · tertiary | — | spec/components/button.md:54 /tokens/tertiary.border-active |
| combobox · part | root.border-focus | — | spec/components/combobox.md:38 /tokens/root.border-focus |
| command-palette · part | button.border-active | — | spec/components/command-palette.md:39 /tokens/button.border-active |
| compact-dashboard · part | control.border-active | — | spec/components/compact-dashboard.md:36 /tokens/control.border-active |
| data-table · part | resize.handle-hover | — | spec/components/data-table.md:52 /tokens/resize.handle-hover |
| date-picker · part | root.border-focus | — | spec/components/date-picker.md:34 /tokens/root.border-focus |
| disclosure · part | dependency.role-color-border-active | — | spec/components/disclosure.md:34 /tokens/dependency.role-color-border-active |
| editor-search · part | button.border-active | — | spec/components/editor-search.md:37 /tokens/button.border-active |
| error-state · part | control.border-active | — | spec/components/error-state.md:36 /tokens/control.border-active |
| file-browser · part | button.border-active | — | spec/components/file-browser.md:39 /tokens/button.border-active |
| i3-window-frame · part | window.border-focused | — | spec/components/i3-window-frame.md:51 /tokens/window.border-focused |
| icon-button · part | root.border-active | — | spec/components/icon-button.md:28 /tokens/root.border-active |
| menu · part | button.border-open | — | spec/components/menu.md:41 /tokens/button.border-open |
| multiselect · part | button.border-active | — | spec/components/multiselect.md:38 /tokens/button.border-active |
| multiselect · part | dependency.role-color-border-active | — | spec/components/multiselect.md:45 /tokens/dependency.role-color-border-active |
| number-field · part | root.border-focus | — | spec/components/number-field.md:33 /tokens/root.border-focus |
| popover · part | control.border-active | — | spec/components/popover.md:35 /tokens/control.border-active |
| repeater · part | button.border-active | — | spec/components/repeater.md:37 /tokens/button.border-active |
| search-field · part | root.border-focus | — | spec/components/search-field.md:34 /tokens/root.border-focus |
| select · part | root.border-focus | — | spec/components/select.md:36 /tokens/root.border-focus |
| text-field · part | root.border-focus | — | spec/components/text-field.md:45 /tokens/root.border-focus |
| textarea · part | root.border-focus | — | spec/components/textarea.md:36 /tokens/root.border-focus |
| time-picker · part | root.border-focus | — | spec/components/time-picker.md:31 /tokens/root.border-focus |
| timeline · part | dependency.role-color-border-active | — | spec/components/timeline.md:32 /tokens/dependency.role-color-border-active |
| toolbar · part | toggled.border | — | spec/components/toolbar.md:37 /tokens/toggled.border |
obsidian · port--background-modifier-border-hover | — | — | ports/obsidian/mapping.json:109 /mappings/color.border.active/0 |
obsidian · port--checkbox-border-color-hover | — | — | ports/obsidian/mapping.json:110 /mappings/color.border.active/1 |
obsidian · port--divider-color-hover | — | — | ports/obsidian/mapping.json:111 /mappings/color.border.active/2 |
obsidian · port.theme-dark .prompt input.prompt-input:hover | border-color | — | — | ports/obsidian/mapping.json:112 /mappings/color.border.active/3 |
telegram · portandroid:actionBarTabLine | — | — | ports/telegram/mapping.json:831 /mappings/color.border.active/2 |
telegram · portandroid:chat_attachActiveTab | — | — | ports/telegram/mapping.json:832 /mappings/color.border.active/3 |
telegram · portandroid:chat_emojiPanelStickerPackSelectorLine | — | — | ports/telegram/mapping.json:850 /mappings/color.border.active/21 |
telegram · portandroid:chat_inAudioSeekbarFill | — | — | ports/telegram/mapping.json:838 /mappings/color.border.active/9 |
telegram · portandroid:chat_inPreviewLine | — | — | ports/telegram/mapping.json:836 /mappings/color.border.active/7 |
telegram · portandroid:chat_inReplyLine | — | — | ports/telegram/mapping.json:833 /mappings/color.border.active/4 |
telegram · portandroid:chat_inVoiceSeekbarFill | — | — | ports/telegram/mapping.json:840 /mappings/color.border.active/11 |
telegram · portandroid:chat_messagePanelVideoFrame | — | — | ports/telegram/mapping.json:851 /mappings/color.border.active/22 |
telegram · portandroid:chat_outAudioSeekbarFill | — | — | ports/telegram/mapping.json:839 /mappings/color.border.active/10 |
telegram · portandroid:chat_outPreviewLine | — | — | ports/telegram/mapping.json:837 /mappings/color.border.active/8 |
telegram · portandroid:chat_outReplyLine | — | — | ports/telegram/mapping.json:834 /mappings/color.border.active/5 |
telegram · portandroid:chat_outVoiceSeekbarFill | — | — | ports/telegram/mapping.json:841 /mappings/color.border.active/12 |
telegram · portandroid:chat_replyPanelLine | — | — | ports/telegram/mapping.json:843 /mappings/color.border.active/14 |
telegram · portandroid:chat_stickerReplyLine | — | — | ports/telegram/mapping.json:835 /mappings/color.border.active/6 |
telegram · portandroid:chat_topPanelLine | — | — | ports/telegram/mapping.json:842 /mappings/color.border.active/13 |
telegram · portandroid:dialogRadioBackgroundChecked | — | — | ports/telegram/mapping.json:829 /mappings/color.border.active/0 |
telegram · portandroid:location_actionActiveIcon | — | — | ports/telegram/mapping.json:845 /mappings/color.border.active/16 |
telegram · portandroid:profile_tabSelectedLine | — | — | ports/telegram/mapping.json:844 /mappings/color.border.active/15 |
telegram · portandroid:radioBackgroundChecked | — | — | ports/telegram/mapping.json:830 /mappings/color.border.active/1 |
claude-code · portbashBorder | — | — | ports/claude-code/mapping.json:5 /mappings/color.border.active/0 |
windows · portcalculator.resource.ButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:86 /mappings/color.border.active/81 |
windows · portcalculator.resource.ButtonBorderBrushPressed | — | — | ports/windows/mapping.json:87 /mappings/color.border.active/82 |
windows · portcalculator.resource.NavigationViewSelectionIndicatorForeground | — | — | ports/windows/mapping.json:24 /mappings/color.border.active/19 |
windows · portcalculator.resource.SplitButtonBorderBrushChecked | — | — | ports/windows/mapping.json:70 /mappings/color.border.active/65 |
windows · portcalculator.resource.SplitButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:73 /mappings/color.border.active/68 |
windows · portcalculator.resource.SplitButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:76 /mappings/color.border.active/71 |
windows · portcalculator.resource.SplitButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:64 /mappings/color.border.active/59 |
windows · portcalculator.resource.SplitButtonBorderBrushPressed | — | — | ports/windows/mapping.json:67 /mappings/color.border.active/62 |
windows · portcalculator.resource.SubtleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:58 /mappings/color.border.active/53 |
windows · portcalculator.resource.SubtleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:61 /mappings/color.border.active/56 |
windows · portcalculator.resource.SystemControlHighlightAccentBrush | — | — | ports/windows/mapping.json:23 /mappings/color.border.active/18 |
windows · portcalculator.resource.ToggleButtonBorderBrushChecked | — | — | ports/windows/mapping.json:51 /mappings/color.border.active/46 |
windows · portcalculator.resource.ToggleButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:52 /mappings/color.border.active/47 |
windows · portcalculator.resource.ToggleButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:53 /mappings/color.border.active/48 |
windows · portcalculator.resource.ToggleButtonBorderBrushIndeterminatePointerOver | — | — | ports/windows/mapping.json:54 /mappings/color.border.active/49 |
windows · portcalculator.resource.ToggleButtonBorderBrushIndeterminatePressed | — | — | ports/windows/mapping.json:55 /mappings/color.border.active/50 |
windows · portcalculator.resource.ToggleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:49 /mappings/color.border.active/44 |
windows · portcalculator.resource.ToggleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:50 /mappings/color.border.active/45 |
windows · portcursor.outline | — | — | ports/windows/mapping.json:7 /mappings/color.border.active/2 |
telegram · portdesktop:msgInReplyBarColor | — | — | ports/telegram/mapping.json:847 /mappings/color.border.active/18 |
telegram · portdesktop:msgOutReplyBarColor | — | — | ports/telegram/mapping.json:848 /mappings/color.border.active/19 |
telegram · portdesktop:overviewCheckBorder | — | — | ports/telegram/mapping.json:849 /mappings/color.border.active/20 |
telegram · portdesktop:sliderBgActive | — | — | ports/telegram/mapping.json:846 /mappings/color.border.active/17 |
windows · portfolder.edge | — | — | ports/windows/mapping.json:22 /mappings/color.border.active/17 |
windows · portnative.accent | — | — | ports/windows/mapping.json:5 /mappings/color.border.active/0 |
windows · portnativeExplorer.pin | — | — | ports/windows/mapping.json:6 /mappings/color.border.active/1 |
windows · portnotepad-chrome.resource.ButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:28 /mappings/color.border.active/23 |
windows · portnotepad-chrome.resource.ButtonBorderBrushPressed | — | — | ports/windows/mapping.json:29 /mappings/color.border.active/24 |
windows · portnotepad-chrome.resource.MenuBarItemBorderBrushPointerOver | — | — | ports/windows/mapping.json:25 /mappings/color.border.active/20 |
windows · portnotepad-chrome.resource.MenuBarItemBorderBrushPressed | — | — | ports/windows/mapping.json:26 /mappings/color.border.active/21 |
windows · portnotepad-chrome.resource.MenuBarItemBorderBrushSelected | — | — | ports/windows/mapping.json:27 /mappings/color.border.active/22 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrushChecked | — | — | ports/windows/mapping.json:68 /mappings/color.border.active/63 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:71 /mappings/color.border.active/66 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:74 /mappings/color.border.active/69 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:62 /mappings/color.border.active/57 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrushPressed | — | — | ports/windows/mapping.json:65 /mappings/color.border.active/60 |
windows · portnotepad-chrome.resource.SubtleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:56 /mappings/color.border.active/51 |
windows · portnotepad-chrome.resource.SubtleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:59 /mappings/color.border.active/54 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushChecked | — | — | ports/windows/mapping.json:32 /mappings/color.border.active/27 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:33 /mappings/color.border.active/28 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:34 /mappings/color.border.active/29 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushIndeterminatePointerOver | — | — | ports/windows/mapping.json:35 /mappings/color.border.active/30 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushIndeterminatePressed | — | — | ports/windows/mapping.json:36 /mappings/color.border.active/31 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:30 /mappings/color.border.active/25 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:31 /mappings/color.border.active/26 |
windows · portpaint-chrome.resource.ButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:40 /mappings/color.border.active/35 |
windows · portpaint-chrome.resource.ButtonBorderBrushPressed | — | — | ports/windows/mapping.json:41 /mappings/color.border.active/36 |
windows · portpaint-chrome.resource.MenuBarItemBorderBrushPointerOver | — | — | ports/windows/mapping.json:37 /mappings/color.border.active/32 |
windows · portpaint-chrome.resource.MenuBarItemBorderBrushPressed | — | — | ports/windows/mapping.json:38 /mappings/color.border.active/33 |
windows · portpaint-chrome.resource.MenuBarItemBorderBrushSelected | — | — | ports/windows/mapping.json:39 /mappings/color.border.active/34 |
windows · portpaint-chrome.resource.SplitButtonBorderBrushChecked | — | — | ports/windows/mapping.json:69 /mappings/color.border.active/64 |
windows · portpaint-chrome.resource.SplitButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:72 /mappings/color.border.active/67 |
windows · portpaint-chrome.resource.SplitButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:75 /mappings/color.border.active/70 |
windows · portpaint-chrome.resource.SplitButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:63 /mappings/color.border.active/58 |
windows · portpaint-chrome.resource.SplitButtonBorderBrushPressed | — | — | ports/windows/mapping.json:66 /mappings/color.border.active/61 |
windows · portpaint-chrome.resource.SubtleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:57 /mappings/color.border.active/52 |
windows · portpaint-chrome.resource.SubtleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:60 /mappings/color.border.active/55 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushChecked | — | — | ports/windows/mapping.json:44 /mappings/color.border.active/39 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:45 /mappings/color.border.active/40 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:46 /mappings/color.border.active/41 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushIndeterminatePointerOver | — | — | ports/windows/mapping.json:47 /mappings/color.border.active/42 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushIndeterminatePressed | — | — | ports/windows/mapping.json:48 /mappings/color.border.active/43 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:42 /mappings/color.border.active/37 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:43 /mappings/color.border.active/38 |
windows · portpowertoys.highlight | — | — | ports/windows/mapping.json:8 /mappings/color.border.active/3 |
windows · portpowertoys.markdown.QUOTE_BORDER | — | — | ports/windows/mapping.json:18 /mappings/color.border.active/13 |
claude-code · portpromptBorder | — | — | ports/claude-code/mapping.json:6 /mappings/color.border.active/1 |
windows · portterminal-chrome.resource.ButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:91 /mappings/color.border.active/86 |
windows · portterminal-chrome.resource.ButtonBorderBrushPressed | — | — | ports/windows/mapping.json:92 /mappings/color.border.active/87 |
windows · portterminal-chrome.resource.MenuBarItemBorderBrushPointerOver | — | — | ports/windows/mapping.json:88 /mappings/color.border.active/83 |
windows · portterminal-chrome.resource.MenuBarItemBorderBrushPressed | — | — | ports/windows/mapping.json:89 /mappings/color.border.active/84 |
windows · portterminal-chrome.resource.MenuBarItemBorderBrushSelected | — | — | ports/windows/mapping.json:90 /mappings/color.border.active/85 |
windows · portterminal-chrome.resource.SplitButtonBorderBrushChecked | — | — | ports/windows/mapping.json:104 /mappings/color.border.active/99 |
windows · portterminal-chrome.resource.SplitButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:105 /mappings/color.border.active/100 |
windows · portterminal-chrome.resource.SplitButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:106 /mappings/color.border.active/101 |
windows · portterminal-chrome.resource.SplitButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:102 /mappings/color.border.active/97 |
windows · portterminal-chrome.resource.SplitButtonBorderBrushPressed | — | — | ports/windows/mapping.json:103 /mappings/color.border.active/98 |
windows · portterminal-chrome.resource.SubtleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:100 /mappings/color.border.active/95 |
windows · portterminal-chrome.resource.SubtleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:101 /mappings/color.border.active/96 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushChecked | — | — | ports/windows/mapping.json:95 /mappings/color.border.active/90 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:96 /mappings/color.border.active/91 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:97 /mappings/color.border.active/92 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushIndeterminatePointerOver | — | — | ports/windows/mapping.json:98 /mappings/color.border.active/93 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushIndeterminatePressed | — | — | ports/windows/mapping.json:99 /mappings/color.border.active/94 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:93 /mappings/color.border.active/88 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:94 /mappings/color.border.active/89 |
windows · portwindhawk.resource.ButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:77 /mappings/color.border.active/72 |
windows · portwindhawk.resource.ButtonBorderBrushPressed | — | — | ports/windows/mapping.json:78 /mappings/color.border.active/73 |
windows · portwindhawk.resource.SplitButtonBorderBrushChecked | — | — | ports/windows/mapping.json:83 /mappings/color.border.active/78 |
windows · portwindhawk.resource.SplitButtonBorderBrushCheckedPointerOver | — | — | ports/windows/mapping.json:84 /mappings/color.border.active/79 |
windows · portwindhawk.resource.SplitButtonBorderBrushCheckedPressed | — | — | ports/windows/mapping.json:85 /mappings/color.border.active/80 |
windows · portwindhawk.resource.SplitButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:81 /mappings/color.border.active/76 |
windows · portwindhawk.resource.SplitButtonBorderBrushPressed | — | — | ports/windows/mapping.json:82 /mappings/color.border.active/77 |
windows · portwindhawk.resource.SubtleButtonBorderBrushPointerOver | — | — | ports/windows/mapping.json:79 /mappings/color.border.active/74 |
windows · portwindhawk.resource.SubtleButtonBorderBrushPressed | — | — | ports/windows/mapping.json:80 /mappings/color.border.active/75 |
windows · portwindhawk.resource.SystemAccentColor | — | — | ports/windows/mapping.json:9 /mappings/color.border.active/4 |
windows · portwindhawk.resource.SystemControlHighlightAccentBrush | — | — | ports/windows/mapping.json:10 /mappings/color.border.active/5 |
windows · portwindows-11-notification-center-styler | Button#FooterButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:114 /mappings/color.border.active/109 |
windows · portwindows-11-notification-center-styler | Button#PlayPauseButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:112 /mappings/color.border.active/107 |
windows · portwindows-11-notification-center-styler | Button#VerbButton > ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:17 /mappings/color.border.active/12 |
windows · portwindows-11-notification-center-styler | Button#VolumeL2Button > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:115 /mappings/color.border.active/110 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@CheckedPressed | — | — | ports/windows/mapping.json:110 /mappings/color.border.active/105 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:109 /mappings/color.border.active/104 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:113 /mappings/color.border.active/108 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:111 /mappings/color.border.active/106 |
windows · portwindows-11-settings-styler | Button > ContentPresenter@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:107 /mappings/color.border.active/102 |
windows · portwindows-11-settings-styler | TextBox#CommandSearchTextBox > Grid@CommonStates > Border#BorderElement | BorderBrush@Focused | — | — | ports/windows/mapping.json:116 /mappings/color.border.active/111 |
windows · portwindows-11-start-menu-styler | Border#AppBorder | BorderBrush | — | — | ports/windows/mapping.json:19 /mappings/color.border.active/14 |
windows · portwindows-11-start-menu-styler | Border#TaskbarSearchBackground | BorderBrush | — | — | ports/windows/mapping.json:20 /mappings/color.border.active/15 |
windows · portwindows-11-start-menu-styler | Button#HideMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:15 /mappings/color.border.active/10 |
windows · portwindows-11-start-menu-styler | Button#HideMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@Pressed | — | — | ports/windows/mapping.json:16 /mappings/color.border.active/11 |
windows · portwindows-11-start-menu-styler | Button#ShowMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:13 /mappings/color.border.active/8 |
windows · portwindows-11-start-menu-styler | Button#ShowMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@Pressed | — | — | ports/windows/mapping.json:14 /mappings/color.border.active/9 |
windows · portwindows-11-start-menu-styler | Cortana.UI.Views.RichSearchBoxControl#SearchBoxControl > Grid#RootGrid | BorderBrush | — | — | ports/windows/mapping.json:21 /mappings/color.border.active/16 |
windows · portwindows-11-start-menu-styler | Microsoft.UI.Xaml.Controls.DropDownButton > Grid@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:11 /mappings/color.border.active/6 |
windows · portwindows-11-start-menu-styler | Microsoft.UI.Xaml.Controls.DropDownButton > Grid@CommonStates | BorderBrush@Pressed | — | — | ports/windows/mapping.json:12 /mappings/color.border.active/7 |
windows · portwindows-11-taskbar-styler | Rectangle#HorizontalDecreaseRect, Rectangle#DeterminateProgressBarIndicator | Fill | — | — | ports/windows/mapping.json:108 /mappings/color.border.active/103 |
| combobox · state | border | focus-visible · color.surface.input | spec/components/combobox.md:67 /stateTokens/focus-visible/border |
| date-picker · state | border | focus-visible · color.surface.input | spec/components/date-picker.md:67 /stateTokens/focus-visible/border |
| icon-button · state | border | active · color.interaction.pressed.bg | spec/components/icon-button.md:42 /stateTokens/active/border |
| menu · state | border | open · color.interaction.pressed.bg | spec/components/menu.md:60 /stateTokens/open/border |
| number-field · state | border | focus-visible · color.surface.input | spec/components/number-field.md:55 /stateTokens/focus-visible/border |
| search-field · state | border | focus-visible · color.surface.input | spec/components/search-field.md:54 /stateTokens/focus-visible/border |
| select · state | border | focus-visible · color.surface.input | spec/components/select.md:57 /stateTokens/focus-visible/border |
| text-field · state | border | focus-visible · color.surface.input | spec/components/text-field.md:70 /stateTokens/focus-visible/border |
| textarea · state | border | focus-visible · color.surface.input | spec/components/textarea.md:59 /stateTokens/focus-visible/border |
| time-picker · state | border | focus-visible · color.surface.input | spec/components/time-picker.md:55 /stateTokens/focus-visible/border |
| toolbar · state | border | toggled · color.interaction.pressed.bg | spec/components/toolbar.md:45 /stateTokens/toggled/border |
Declared unmapped ports
- chatgpt: ChatGPT draws its own borders; there is no border colour setting. · ports/chatgpt/mapping.json:62
/unmapped/color.border.active - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:98
/unmapped/color.border.active - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:98
/unmapped/color.border.active - orca: No separately mapped public Orca theme key for this role; the host derives or retains this state. The app plugin maps supported chrome and editor keys independently of terminal colours. · ports/orca/mapping.json:333
/unmapped/color.border.active - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:91
/unmapped/color.border.active
Relevant contrast declarations
- active border on the pressed fill: color.border.active on color.interaction.pressed.bg · spec/components/button.md:77
/contrast/10 - icon-button active border: color.border.active on color.interaction.pressed.bg · spec/components/icon-button.md:42
/stateTokens/active - menu open border: color.border.active on color.interaction.pressed.bg · spec/components/menu.md:60
/stateTokens/open - toolbar toggled border: color.border.active on color.interaction.pressed.bg · spec/components/toolbar.md:45
/stateTokens/toggled - focused window frame on the desktop: color.border.active on color.surface.desktop · spec/components/i3-window-frame.md:75
/contrast/4 - active border on input: color.border.active on color.surface.input · spec/contrast.json:46
/pairs/42 - combobox focus-visible border: color.border.active on color.surface.input · spec/components/combobox.md:67
/stateTokens/focus-visible - date-picker focus-visible border: color.border.active on color.surface.input · spec/components/date-picker.md:65
/stateTokens/focus-visible - number-field focus-visible border: color.border.active on color.surface.input · spec/components/number-field.md:55
/stateTokens/focus-visible - search-field focus-visible border: color.border.active on color.surface.input · spec/components/search-field.md:54
/stateTokens/focus-visible - select focus-visible border: color.border.active on color.surface.input · spec/components/select.md:57
/stateTokens/focus-visible - text-field focus-visible border: color.border.active on color.surface.input · spec/components/text-field.md:70
/stateTokens/focus-visible - textarea focus-visible border: color.border.active on color.surface.input · spec/components/textarea.md:59
/stateTokens/focus-visible - time-picker focus-visible border: color.border.active on color.surface.input · spec/components/time-picker.md:53
/stateTokens/focus-visible
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:378
/color/border/active - 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 |
|---|---|---|---|
| button · contrast | — | active · color.interaction.pressed.bg | spec/components/button.md:77 /contrast/10 |
| i3-window-frame · contrast | — | — · color.surface.desktop | spec/components/i3-window-frame.md:75 /contrast/4 |
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:46 /pairs/42 |
| button-group · part | control.border-active | — | spec/components/button-group.md:34 /tokens/control.border-active |
| button · part | secondary.border-active · secondary | — | spec/components/button.md:53 /tokens/secondary.border-active |
| button · part | tertiary.border-active · tertiary | — | spec/components/button.md:54 /tokens/tertiary.border-active |
| combobox · part | root.border-focus | — | spec/components/combobox.md:38 /tokens/root.border-focus |
| command-palette · part | button.border-active | — | spec/components/command-palette.md:39 /tokens/button.border-active |
| compact-dashboard · part | control.border-active | — | spec/components/compact-dashboard.md:36 /tokens/control.border-active |
| data-table · part | resize.handle-hover | — | spec/components/data-table.md:52 /tokens/resize.handle-hover |
| date-picker · part | root.border-focus | — | spec/components/date-picker.md:34 /tokens/root.border-focus |
| disclosure · part | dependency.role-color-border-active | — | spec/components/disclosure.md:34 /tokens/dependency.role-color-border-active |
| editor-search · part | button.border-active | — | spec/components/editor-search.md:37 /tokens/button.border-active |
| error-state · part | control.border-active | — | spec/components/error-state.md:36 /tokens/control.border-active |
| file-browser · part | button.border-active | — | spec/components/file-browser.md:39 /tokens/button.border-active |
| i3-window-frame · part | window.border-focused | — | spec/components/i3-window-frame.md:51 /tokens/window.border-focused |
| icon-button · part | root.border-active | — | spec/components/icon-button.md:28 /tokens/root.border-active |
| menu · part | button.border-open | — | spec/components/menu.md:41 /tokens/button.border-open |
| multiselect · part | button.border-active | — | spec/components/multiselect.md:38 /tokens/button.border-active |
| multiselect · part | dependency.role-color-border-active | — | spec/components/multiselect.md:45 /tokens/dependency.role-color-border-active |
| number-field · part | root.border-focus | — | spec/components/number-field.md:33 /tokens/root.border-focus |
| popover · part | control.border-active | — | spec/components/popover.md:35 /tokens/control.border-active |
| repeater · part | button.border-active | — | spec/components/repeater.md:37 /tokens/button.border-active |
| search-field · part | root.border-focus | — | spec/components/search-field.md:34 /tokens/root.border-focus |
| select · part | root.border-focus | — | spec/components/select.md:36 /tokens/root.border-focus |
| text-field · part | root.border-focus | — | spec/components/text-field.md:45 /tokens/root.border-focus |
| textarea · part | root.border-focus | — | spec/components/textarea.md:36 /tokens/root.border-focus |
| time-picker · part | root.border-focus | — | spec/components/time-picker.md:31 /tokens/root.border-focus |
| timeline · part | dependency.role-color-border-active | — | spec/components/timeline.md:32 /tokens/dependency.role-color-border-active |
| toolbar · part | toggled.border | — | spec/components/toolbar.md:37 /tokens/toggled.border |
| combobox · state | border | focus-visible · color.surface.input | spec/components/combobox.md:67 /stateTokens/focus-visible/border |
| date-picker · state | border | focus-visible · color.surface.input | spec/components/date-picker.md:67 /stateTokens/focus-visible/border |
| icon-button · state | border | active · color.interaction.pressed.bg | spec/components/icon-button.md:42 /stateTokens/active/border |
| menu · state | border | open · color.interaction.pressed.bg | spec/components/menu.md:60 /stateTokens/open/border |
| number-field · state | border | focus-visible · color.surface.input | spec/components/number-field.md:55 /stateTokens/focus-visible/border |
| search-field · state | border | focus-visible · color.surface.input | spec/components/search-field.md:54 /stateTokens/focus-visible/border |
| select · state | border | focus-visible · color.surface.input | spec/components/select.md:57 /stateTokens/focus-visible/border |
| text-field · state | border | focus-visible · color.surface.input | spec/components/text-field.md:70 /stateTokens/focus-visible/border |
| textarea · state | border | focus-visible · color.surface.input | spec/components/textarea.md:59 /stateTokens/focus-visible/border |
| time-picker · state | border | focus-visible · color.surface.input | spec/components/time-picker.md:55 /stateTokens/focus-visible/border |
| toolbar · state | border | toggled · color.interaction.pressed.bg | spec/components/toolbar.md:45 /stateTokens/toggled/border |
Relevant contrast declarations
- active border on the pressed fill: color.border.active on color.interaction.pressed.bg · spec/components/button.md:77
/contrast/10 - icon-button active border: color.border.active on color.interaction.pressed.bg · spec/components/icon-button.md:42
/stateTokens/active - menu open border: color.border.active on color.interaction.pressed.bg · spec/components/menu.md:60
/stateTokens/open - toolbar toggled border: color.border.active on color.interaction.pressed.bg · spec/components/toolbar.md:45
/stateTokens/toggled - focused window frame on the desktop: color.border.active on color.surface.desktop · spec/components/i3-window-frame.md:75
/contrast/4 - active border on input: color.border.active on color.surface.input · spec/contrast.json:46
/pairs/42 - combobox focus-visible border: color.border.active on color.surface.input · spec/components/combobox.md:67
/stateTokens/focus-visible - date-picker focus-visible border: color.border.active on color.surface.input · spec/components/date-picker.md:65
/stateTokens/focus-visible - number-field focus-visible border: color.border.active on color.surface.input · spec/components/number-field.md:55
/stateTokens/focus-visible - search-field focus-visible border: color.border.active on color.surface.input · spec/components/search-field.md:54
/stateTokens/focus-visible - select focus-visible border: color.border.active on color.surface.input · spec/components/select.md:57
/stateTokens/focus-visible - text-field focus-visible border: color.border.active on color.surface.input · spec/components/text-field.md:70
/stateTokens/focus-visible - textarea focus-visible border: color.border.active on color.surface.input · spec/components/textarea.md:59
/stateTokens/focus-visible - time-picker focus-visible border: color.border.active on color.surface.input · spec/components/time-picker.md:53
/stateTokens/focus-visible
extended · proposed
- Resolved value
#e53935- Status
- observed
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:378
/color/border/active - 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 |
|---|---|---|---|
| button · contrast | — | active · color.interaction.pressed.bg | spec/components/button.md:77 /contrast/10 |
| i3-window-frame · contrast | — | — · color.surface.desktop | spec/components/i3-window-frame.md:75 /contrast/4 |
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:46 /pairs/42 |
| button-group · part | control.border-active | — | spec/components/button-group.md:34 /tokens/control.border-active |
| button · part | secondary.border-active · secondary | — | spec/components/button.md:53 /tokens/secondary.border-active |
| button · part | tertiary.border-active · tertiary | — | spec/components/button.md:54 /tokens/tertiary.border-active |
| combobox · part | root.border-focus | — | spec/components/combobox.md:38 /tokens/root.border-focus |
| command-palette · part | button.border-active | — | spec/components/command-palette.md:39 /tokens/button.border-active |
| compact-dashboard · part | control.border-active | — | spec/components/compact-dashboard.md:36 /tokens/control.border-active |
| data-table · part | resize.handle-hover | — | spec/components/data-table.md:52 /tokens/resize.handle-hover |
| date-picker · part | root.border-focus | — | spec/components/date-picker.md:34 /tokens/root.border-focus |
| disclosure · part | dependency.role-color-border-active | — | spec/components/disclosure.md:34 /tokens/dependency.role-color-border-active |
| editor-search · part | button.border-active | — | spec/components/editor-search.md:37 /tokens/button.border-active |
| error-state · part | control.border-active | — | spec/components/error-state.md:36 /tokens/control.border-active |
| file-browser · part | button.border-active | — | spec/components/file-browser.md:39 /tokens/button.border-active |
| i3-window-frame · part | window.border-focused | — | spec/components/i3-window-frame.md:51 /tokens/window.border-focused |
| icon-button · part | root.border-active | — | spec/components/icon-button.md:28 /tokens/root.border-active |
| menu · part | button.border-open | — | spec/components/menu.md:41 /tokens/button.border-open |
| multiselect · part | button.border-active | — | spec/components/multiselect.md:38 /tokens/button.border-active |
| multiselect · part | dependency.role-color-border-active | — | spec/components/multiselect.md:45 /tokens/dependency.role-color-border-active |
| number-field · part | root.border-focus | — | spec/components/number-field.md:33 /tokens/root.border-focus |
| popover · part | control.border-active | — | spec/components/popover.md:35 /tokens/control.border-active |
| repeater · part | button.border-active | — | spec/components/repeater.md:37 /tokens/button.border-active |
| search-field · part | root.border-focus | — | spec/components/search-field.md:34 /tokens/root.border-focus |
| select · part | root.border-focus | — | spec/components/select.md:36 /tokens/root.border-focus |
| text-field · part | root.border-focus | — | spec/components/text-field.md:45 /tokens/root.border-focus |
| textarea · part | root.border-focus | — | spec/components/textarea.md:36 /tokens/root.border-focus |
| time-picker · part | root.border-focus | — | spec/components/time-picker.md:31 /tokens/root.border-focus |
| timeline · part | dependency.role-color-border-active | — | spec/components/timeline.md:32 /tokens/dependency.role-color-border-active |
| toolbar · part | toggled.border | — | spec/components/toolbar.md:37 /tokens/toggled.border |
| combobox · state | border | focus-visible · color.surface.input | spec/components/combobox.md:67 /stateTokens/focus-visible/border |
| date-picker · state | border | focus-visible · color.surface.input | spec/components/date-picker.md:67 /stateTokens/focus-visible/border |
| icon-button · state | border | active · color.interaction.pressed.bg | spec/components/icon-button.md:42 /stateTokens/active/border |
| menu · state | border | open · color.interaction.pressed.bg | spec/components/menu.md:60 /stateTokens/open/border |
| number-field · state | border | focus-visible · color.surface.input | spec/components/number-field.md:55 /stateTokens/focus-visible/border |
| search-field · state | border | focus-visible · color.surface.input | spec/components/search-field.md:54 /stateTokens/focus-visible/border |
| select · state | border | focus-visible · color.surface.input | spec/components/select.md:57 /stateTokens/focus-visible/border |
| text-field · state | border | focus-visible · color.surface.input | spec/components/text-field.md:70 /stateTokens/focus-visible/border |
| textarea · state | border | focus-visible · color.surface.input | spec/components/textarea.md:59 /stateTokens/focus-visible/border |
| time-picker · state | border | focus-visible · color.surface.input | spec/components/time-picker.md:55 /stateTokens/focus-visible/border |
| toolbar · state | border | toggled · color.interaction.pressed.bg | spec/components/toolbar.md:45 /stateTokens/toggled/border |
Relevant contrast declarations
- active border on the pressed fill: color.border.active on color.interaction.pressed.bg · spec/components/button.md:77
/contrast/10 - icon-button active border: color.border.active on color.interaction.pressed.bg · spec/components/icon-button.md:42
/stateTokens/active - menu open border: color.border.active on color.interaction.pressed.bg · spec/components/menu.md:60
/stateTokens/open - toolbar toggled border: color.border.active on color.interaction.pressed.bg · spec/components/toolbar.md:45
/stateTokens/toggled - focused window frame on the desktop: color.border.active on color.surface.desktop · spec/components/i3-window-frame.md:75
/contrast/4 - active border on input: color.border.active on color.surface.input · spec/contrast.json:46
/pairs/42 - combobox focus-visible border: color.border.active on color.surface.input · spec/components/combobox.md:67
/stateTokens/focus-visible - date-picker focus-visible border: color.border.active on color.surface.input · spec/components/date-picker.md:65
/stateTokens/focus-visible - number-field focus-visible border: color.border.active on color.surface.input · spec/components/number-field.md:55
/stateTokens/focus-visible - search-field focus-visible border: color.border.active on color.surface.input · spec/components/search-field.md:54
/stateTokens/focus-visible - select focus-visible border: color.border.active on color.surface.input · spec/components/select.md:57
/stateTokens/focus-visible - text-field focus-visible border: color.border.active on color.surface.input · spec/components/text-field.md:70
/stateTokens/focus-visible - textarea focus-visible border: color.border.active on color.surface.input · spec/components/textarea.md:59
/stateTokens/focus-visible - time-picker focus-visible border: color.border.active on color.surface.input · spec/components/time-picker.md:53
/stateTokens/focus-visible