color.border.control
D-041 owner correction: red control and floating-frame borders, distinct from rose text.
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.border.control--color-border-controldefault · approved
- Resolved value
#c81a1a- Status
- approved
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:366
/color/border/control - Alias chain
color.primitive.red.650- 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 |
|---|---|---|---|
| avatar · contrast | — | — · color.surface.default | spec/components/avatar.md:49 /contrast/2 |
| button-group · contrast | — | — · color.surface.default | spec/components/button-group.md:59 /contrast/2 |
| chart · contrast | — | — · color.surface.default | spec/components/chart.md:54 /contrast/2 |
| checkbox · contrast | — | checked · color.surface.default | spec/components/checkbox.md:62 /contrast/2 |
| command-palette · contrast | — | — · color.surface.default | spec/components/command-palette.md:68 /contrast/2 |
| compact-dashboard · contrast | — | — · color.surface.default | spec/components/compact-dashboard.md:60 /contrast/2 |
| data-table · contrast | — | — · color.surface.input | spec/components/data-table.md:67 /contrast/1 |
| description-list · contrast | — | — · color.surface.default | spec/components/description-list.md:49 /contrast/2 |
| dialog · contrast | — | — · color.surface.overlay | spec/components/dialog.md:72 /contrast/10 |
| disclosure · contrast | — | — · color.surface.default | spec/components/disclosure.md:56 /contrast/2 |
| editor-search · contrast | — | — · color.surface.default | spec/components/editor-search.md:63 /contrast/2 |
| error-state · contrast | — | — · color.surface.default | spec/components/error-state.md:63 /contrast/2 |
| file-browser · contrast | — | — · color.surface.default | spec/components/file-browser.md:64 /contrast/2 |
| filterable-table · contrast | — | — · color.surface.chrome | spec/components/filterable-table.md:81 /contrast/1 |
| filterable-table · contrast | — | — · color.surface.default | spec/components/filterable-table.md:88 /contrast/8 |
| kbd · contrast | — | — · color.surface.default | spec/components/kbd.md:48 /contrast/2 |
| multiselect · contrast | — | — · color.surface.default | spec/components/multiselect.md:80 /contrast/2 |
| popover · contrast | — | — · color.surface.default | spec/components/popover.md:59 /contrast/2 |
| radio-group · contrast | — | checked · color.surface.default | spec/components/radio-group.md:59 /contrast/2 |
| range · contrast | — | — · color.surface.default | spec/components/range.md:55 /contrast/2 |
| repeater · contrast | — | — · color.surface.default | spec/components/repeater.md:62 /contrast/2 |
| segmented-control · contrast | — | — · color.surface.default | spec/components/segmented-control.md:73 /contrast/2 |
| settings-panel · contrast | — | — · color.surface.default | spec/components/settings-panel.md:63 /contrast/4 |
| skeleton · contrast | — | — · color.surface.default | spec/components/skeleton.md:50 /contrast/2 |
| switch · contrast | — | checked · color.surface.default | spec/components/switch.md:57 /contrast/3 |
| timeline · contrast | — | — · color.surface.default | spec/components/timeline.md:50 /contrast/2 |
| tooltip · contrast | — | — · color.surface.raised | spec/components/tooltip.md:44 /contrast/1 |
| tree · contrast | — | — · color.surface.default | spec/components/tree.md:60 /contrast/2 |
| Shared rule · contrast | — | — · color.surface.default | spec/contrast.json:45 /pairs/41 |
| Shared rule · contrast | — | — · color.surface.input | spec/contrast.json:44 /pairs/40 |
| admin-form · part | field.border | — | spec/components/admin-form.md:44 /tokens/field.border |
| avatar · part | root.border | — | spec/components/avatar.md:26 /tokens/root.border |
| button-group · part | root.border | — | spec/components/button-group.md:26 /tokens/root.border |
| card · part | root.border-hover | — | spec/components/card.md:35 /tokens/root.border-hover |
| chart · part | root.border | — | spec/components/chart.md:26 /tokens/root.border |
| checkbox · part | box.border | — | spec/components/checkbox.md:34 /tokens/box.border |
| chip · part | root.border | — | spec/components/chip.md:33 /tokens/root.border |
| code-editor · part | fold.border | — | spec/components/code-editor.md:51 /tokens/fold.border |
| code-editor · part | root.border | — | spec/components/code-editor.md:35 /tokens/root.border |
| combobox · part | root.border | — | spec/components/combobox.md:36 /tokens/root.border |
| command-palette · part | root.border | — | spec/components/command-palette.md:29 /tokens/root.border |
| compact-dashboard · part | root.border | — | spec/components/compact-dashboard.md:28 /tokens/root.border |
| data-table · part | checkbox.border | — | spec/components/data-table.md:48 /tokens/checkbox.border |
| date-picker · part | root.border | — | spec/components/date-picker.md:32 /tokens/root.border |
| description-list · part | root.border | — | spec/components/description-list.md:25 /tokens/root.border |
| diagnostics · part | root.border | — | spec/components/diagnostics.md:33 /tokens/root.border |
| dialog · part | field.border | — | spec/components/dialog.md:51 /tokens/field.border |
| diff-view · part | root.border | — | spec/components/diff-view.md:37 /tokens/root.border |
| disclosure · part | root.border | — | spec/components/disclosure.md:27 /tokens/root.border |
| editor-search · part | root.border | — | spec/components/editor-search.md:27 /tokens/root.border |
| error-state · part | root.border | — | spec/components/error-state.md:28 /tokens/root.border |
| field · part | control.border | — | spec/components/field.md:25 /tokens/control.border |
| fieldset · part | field.border | — | spec/components/fieldset.md:26 /tokens/field.border |
| file-browser · part | root.border | — | spec/components/file-browser.md:29 /tokens/root.border |
| filterable-table · part | check.border | — | spec/components/filterable-table.md:59 /tokens/check.border |
| filterable-table · part | chip.border | — | spec/components/filterable-table.md:46 /tokens/chip.border |
| filterable-table · part | filter.border | — | spec/components/filterable-table.md:42 /tokens/filter.border |
| filterable-table · part | search.border | — | spec/components/filterable-table.md:37 /tokens/search.border |
| form-builder · part | root.border | — | spec/components/form-builder.md:21 /tokens/root.border |
| kbd · part | root.border | — | spec/components/kbd.md:24 /tokens/root.border |
| list · part | root.border | — | spec/components/list.md:36 /tokens/root.border |
| menu · part | button.border | — | spec/components/menu.md:38 /tokens/button.border |
| multiselect · part | root.border | — | spec/components/multiselect.md:28 /tokens/root.border |
| number-field · part | root.border | — | spec/components/number-field.md:31 /tokens/root.border |
| popover · part | root.border | — | spec/components/popover.md:27 /tokens/root.border |
| progress · part | track.border | — | spec/components/progress.md:29 /tokens/track.border |
| radio-group · part | box.border | — | spec/components/radio-group.md:32 /tokens/box.border |
| range · part | root.border | — | spec/components/range.md:26 /tokens/root.border |
| repeater · part | root.border | — | spec/components/repeater.md:27 /tokens/root.border |
| search-field · part | root.border | — | spec/components/search-field.md:32 /tokens/root.border |
| segmented-control · part | root.border | — | spec/components/segmented-control.md:27 /tokens/root.border |
| select · part | root.border | — | spec/components/select.md:34 /tokens/root.border |
| settings-panel · part | control.border | — | spec/components/settings-panel.md:40 /tokens/control.border |
| skeleton · part | root.border | — | spec/components/skeleton.md:26 /tokens/root.border |
| switch · part | track.border | — | spec/components/switch.md:33 /tokens/track.border |
| terminal · part | root.border | — | spec/components/terminal.md:34 /tokens/root.border |
| text-field · part | root.border | — | spec/components/text-field.md:43 /tokens/root.border |
| textarea · part | root.border | — | spec/components/textarea.md:34 /tokens/root.border |
| time-picker · part | root.border | — | spec/components/time-picker.md:29 /tokens/root.border |
| timeline · part | root.border | — | spec/components/timeline.md:25 /tokens/root.border |
| tooltip · part | shortcut.border | — | spec/components/tooltip.md:32 /tokens/shortcut.border |
| tree · part | root.border | — | spec/components/tree.md:30 /tokens/root.border |
obsidian · port--background-modifier-border | — | — | ports/obsidian/mapping.json:100 /mappings/color.border.control/0 |
obsidian · port--checkbox-border-color | — | — | ports/obsidian/mapping.json:101 /mappings/color.border.control/1 |
obsidian · port--slider-thumb-border-color | — | — | ports/obsidian/mapping.json:102 /mappings/color.border.control/2 |
obsidian · port.theme-dark .combobox-button | border-color | — | — | ports/obsidian/mapping.json:106 /mappings/color.border.control/6 |
obsidian · port.theme-dark .dropdown | border-color | — | — | ports/obsidian/mapping.json:105 /mappings/color.border.control/5 |
obsidian · port.theme-dark .prompt input.prompt-input | border-color | — | — | ports/obsidian/mapping.json:103 /mappings/color.border.control/3 |
obsidian · port.theme-dark select | border-color | — | — | ports/obsidian/mapping.json:104 /mappings/color.border.control/4 |
telegram · portandroid:checkboxSquareUnchecked | — | — | ports/telegram/mapping.json:823 /mappings/color.border.control/4 |
telegram · portandroid:dialogCheckboxSquareUnchecked | — | — | ports/telegram/mapping.json:820 /mappings/color.border.control/1 |
telegram · portandroid:dialogInputField | — | — | ports/telegram/mapping.json:819 /mappings/color.border.control/0 |
telegram · portandroid:dialogRadioBackground | — | — | ports/telegram/mapping.json:821 /mappings/color.border.control/2 |
telegram · portandroid:radioBackground | — | — | ports/telegram/mapping.json:824 /mappings/color.border.control/5 |
telegram · portandroid:windowBackgroundWhiteInputField | — | — | ports/telegram/mapping.json:822 /mappings/color.border.control/3 |
orca · portapp.tokens.--split-divider | — | — | ports/orca/mapping.json:144 /mappings/color.border.control/0 |
windows · portcalculator.resource.ButtonBorderBrush | — | — | ports/windows/mapping.json:1012 /mappings/color.border.control/51 |
windows · portcalculator.resource.ControlElevationBorderBrush | — | — | ports/windows/mapping.json:972 /mappings/color.border.control/11 |
windows · portcalculator.resource.ControlStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:970 /mappings/color.border.control/9 |
windows · portcalculator.resource.ControlStrokeColorSecondaryBrush | — | — | ports/windows/mapping.json:971 /mappings/color.border.control/10 |
windows · portcalculator.resource.SplitButtonBorderBrush | — | — | ports/windows/mapping.json:998 /mappings/color.border.control/37 |
windows · portcalculator.resource.SubtleButtonBorderBrush | — | — | ports/windows/mapping.json:995 /mappings/color.border.control/34 |
windows · portcalculator.resource.ToggleButtonBorderBrush | — | — | ports/windows/mapping.json:990 /mappings/color.border.control/29 |
windows · portcalculator.resource.ToggleButtonBorderBrushIndeterminate | — | — | ports/windows/mapping.json:991 /mappings/color.border.control/30 |
windows · portcalculator.resource.ToolTipBorderBrush | — | — | ports/windows/mapping.json:973 /mappings/color.border.control/12 |
telegram · portdesktop:checkboxFg | — | — | ports/telegram/mapping.json:826 /mappings/color.border.control/7 |
telegram · portdesktop:inputBorderFg | — | — | ports/telegram/mapping.json:825 /mappings/color.border.control/6 |
windows · portnotepad-chrome.resource.ButtonBorderBrush | — | — | ports/windows/mapping.json:979 /mappings/color.border.control/18 |
windows · portnotepad-chrome.resource.ControlStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:975 /mappings/color.border.control/14 |
windows · portnotepad-chrome.resource.ControlStrokeColorSecondaryBrush | — | — | ports/windows/mapping.json:976 /mappings/color.border.control/15 |
windows · portnotepad-chrome.resource.ControlStrongStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:977 /mappings/color.border.control/16 |
windows · portnotepad-chrome.resource.OverlayButtonBorderBrush | — | — | ports/windows/mapping.json:974 /mappings/color.border.control/13 |
windows · portnotepad-chrome.resource.SliderThumbBorderBrush | — | — | ports/windows/mapping.json:1005 /mappings/color.border.control/44 |
windows · portnotepad-chrome.resource.SliderTickBarFill | — | — | ports/windows/mapping.json:1007 /mappings/color.border.control/46 |
windows · portnotepad-chrome.resource.SliderTrackFill | — | — | ports/windows/mapping.json:999 /mappings/color.border.control/38 |
windows · portnotepad-chrome.resource.SliderTrackFillPointerOver | — | — | ports/windows/mapping.json:1001 /mappings/color.border.control/40 |
windows · portnotepad-chrome.resource.SliderTrackFillPressed | — | — | ports/windows/mapping.json:1003 /mappings/color.border.control/42 |
windows · portnotepad-chrome.resource.SplitButtonBorderBrush | — | — | ports/windows/mapping.json:996 /mappings/color.border.control/35 |
windows · portnotepad-chrome.resource.SubtleButtonBorderBrush | — | — | ports/windows/mapping.json:993 /mappings/color.border.control/32 |
windows · portnotepad-chrome.resource.TextControlBorderBrush | — | — | ports/windows/mapping.json:978 /mappings/color.border.control/17 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrush | — | — | ports/windows/mapping.json:980 /mappings/color.border.control/19 |
windows · portnotepad-chrome.resource.ToggleButtonBorderBrushIndeterminate | — | — | ports/windows/mapping.json:981 /mappings/color.border.control/20 |
windows · portpaint-chrome.resource.ButtonBorderBrush | — | — | ports/windows/mapping.json:987 /mappings/color.border.control/26 |
windows · portpaint-chrome.resource.ControlStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:983 /mappings/color.border.control/22 |
windows · portpaint-chrome.resource.ControlStrokeColorSecondaryBrush | — | — | ports/windows/mapping.json:984 /mappings/color.border.control/23 |
windows · portpaint-chrome.resource.ControlStrongStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:985 /mappings/color.border.control/24 |
windows · portpaint-chrome.resource.OverlayButtonBorderBrush | — | — | ports/windows/mapping.json:982 /mappings/color.border.control/21 |
windows · portpaint-chrome.resource.SliderThumbBorderBrush | — | — | ports/windows/mapping.json:1006 /mappings/color.border.control/45 |
windows · portpaint-chrome.resource.SliderTickBarFill | — | — | ports/windows/mapping.json:1008 /mappings/color.border.control/47 |
windows · portpaint-chrome.resource.SliderTrackFill | — | — | ports/windows/mapping.json:1000 /mappings/color.border.control/39 |
windows · portpaint-chrome.resource.SliderTrackFillPointerOver | — | — | ports/windows/mapping.json:1002 /mappings/color.border.control/41 |
windows · portpaint-chrome.resource.SliderTrackFillPressed | — | — | ports/windows/mapping.json:1004 /mappings/color.border.control/43 |
windows · portpaint-chrome.resource.SplitButtonBorderBrush | — | — | ports/windows/mapping.json:997 /mappings/color.border.control/36 |
windows · portpaint-chrome.resource.SubtleButtonBorderBrush | — | — | ports/windows/mapping.json:994 /mappings/color.border.control/33 |
windows · portpaint-chrome.resource.TextControlBorderBrush | — | — | ports/windows/mapping.json:986 /mappings/color.border.control/25 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrush | — | — | ports/windows/mapping.json:988 /mappings/color.border.control/27 |
windows · portpaint-chrome.resource.ToggleButtonBorderBrushIndeterminate | — | — | ports/windows/mapping.json:989 /mappings/color.border.control/28 |
windows · portpowertoys.border | — | — | ports/windows/mapping.json:961 /mappings/color.border.control/0 |
windows · portpowertoys.markdown.CODE_BORDER | — | — | ports/windows/mapping.json:968 /mappings/color.border.control/7 |
windows · portterminal-chrome.resource.ButtonBorderBrush | — | — | ports/windows/mapping.json:1018 /mappings/color.border.control/57 |
windows · portterminal-chrome.resource.ComboBoxBackgroundBorderBrushUnfocused | — | — | ports/windows/mapping.json:1024 /mappings/color.border.control/63 |
windows · portterminal-chrome.resource.ComboBoxBorderBrush | — | — | ports/windows/mapping.json:1021 /mappings/color.border.control/60 |
windows · portterminal-chrome.resource.ComboBoxBorderBrushPointerOver | — | — | ports/windows/mapping.json:1022 /mappings/color.border.control/61 |
windows · portterminal-chrome.resource.ComboBoxBorderBrushPressed | — | — | ports/windows/mapping.json:1023 /mappings/color.border.control/62 |
windows · portterminal-chrome.resource.ControlStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:1014 /mappings/color.border.control/53 |
windows · portterminal-chrome.resource.ControlStrokeColorSecondaryBrush | — | — | ports/windows/mapping.json:1015 /mappings/color.border.control/54 |
windows · portterminal-chrome.resource.ControlStrongStrokeColorDefaultBrush | — | — | ports/windows/mapping.json:1016 /mappings/color.border.control/55 |
windows · portterminal-chrome.resource.OverlayButtonBorderBrush | — | — | ports/windows/mapping.json:1013 /mappings/color.border.control/52 |
windows · portterminal-chrome.resource.SliderThumbBorderBrush | — | — | ports/windows/mapping.json:1030 /mappings/color.border.control/69 |
windows · portterminal-chrome.resource.SliderTickBarFill | — | — | ports/windows/mapping.json:1031 /mappings/color.border.control/70 |
windows · portterminal-chrome.resource.SliderTrackFill | — | — | ports/windows/mapping.json:1027 /mappings/color.border.control/66 |
windows · portterminal-chrome.resource.SliderTrackFillPointerOver | — | — | ports/windows/mapping.json:1028 /mappings/color.border.control/67 |
windows · portterminal-chrome.resource.SliderTrackFillPressed | — | — | ports/windows/mapping.json:1029 /mappings/color.border.control/68 |
windows · portterminal-chrome.resource.SplitButtonBorderBrush | — | — | ports/windows/mapping.json:1026 /mappings/color.border.control/65 |
windows · portterminal-chrome.resource.SubtleButtonBorderBrush | — | — | ports/windows/mapping.json:1025 /mappings/color.border.control/64 |
windows · portterminal-chrome.resource.TextControlBorderBrush | — | — | ports/windows/mapping.json:1017 /mappings/color.border.control/56 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrush | — | — | ports/windows/mapping.json:1019 /mappings/color.border.control/58 |
windows · portterminal-chrome.resource.ToggleButtonBorderBrushIndeterminate | — | — | ports/windows/mapping.json:1020 /mappings/color.border.control/59 |
windows · portwindhawk.resource.ButtonBorderBrush | — | — | ports/windows/mapping.json:1009 /mappings/color.border.control/48 |
windows · portwindhawk.resource.ControlStrokeColorDefault | — | — | ports/windows/mapping.json:962 /mappings/color.border.control/1 |
windows · portwindhawk.resource.SplitButtonBorderBrush | — | — | ports/windows/mapping.json:1011 /mappings/color.border.control/50 |
windows · portwindhawk.resource.SubtleButtonBorderBrush | — | — | ports/windows/mapping.json:1010 /mappings/color.border.control/49 |
windows · portwindows-11-notification-center-styler | Button#FooterButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1052 /mappings/color.border.control/91 |
windows · portwindows-11-notification-center-styler | Button#FooterButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1053 /mappings/color.border.control/92 |
windows · portwindows-11-notification-center-styler | Button#PlayPauseButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1048 /mappings/color.border.control/87 |
windows · portwindows-11-notification-center-styler | Button#PlayPauseButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1049 /mappings/color.border.control/88 |
windows · portwindows-11-notification-center-styler | Button#VolumeL2Button > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1054 /mappings/color.border.control/93 |
windows · portwindows-11-notification-center-styler | Button#VolumeL2Button > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1055 /mappings/color.border.control/94 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@Normal | — | — | ports/windows/mapping.json:1065 /mappings/color.border.control/104 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1066 /mappings/color.border.control/105 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@Pressed | — | — | ports/windows/mapping.json:1067 /mappings/color.border.control/106 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@Normal | — | — | ports/windows/mapping.json:1062 /mappings/color.border.control/101 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@PointerOver | — | — | ports/windows/mapping.json:1063 /mappings/color.border.control/102 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@Pressed | — | — | ports/windows/mapping.json:1064 /mappings/color.border.control/103 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider | Background | — | — | ports/windows/mapping.json:1061 /mappings/color.border.control/100 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Checked | — | — | ports/windows/mapping.json:1044 /mappings/color.border.control/83 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@CheckedPointerOver | — | — | ports/windows/mapping.json:1045 /mappings/color.border.control/84 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1042 /mappings/color.border.control/81 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1043 /mappings/color.border.control/82 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@Normal | — | — | ports/windows/mapping.json:1072 /mappings/color.border.control/111 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1073 /mappings/color.border.control/112 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border | BorderBrush@Pressed | — | — | ports/windows/mapping.json:1074 /mappings/color.border.control/113 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@Normal | — | — | ports/windows/mapping.json:1069 /mappings/color.border.control/108 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@PointerOver | — | — | ports/windows/mapping.json:1070 /mappings/color.border.control/109 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalTrackRect | Fill@Pressed | — | — | ports/windows/mapping.json:1071 /mappings/color.border.control/110 |
windows · portwindows-11-notification-center-styler | Slider | Background | — | — | ports/windows/mapping.json:1068 /mappings/color.border.control/107 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1050 /mappings/color.border.control/89 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#NextButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1051 /mappings/color.border.control/90 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:1046 /mappings/color.border.control/85 |
windows · portwindows-11-notification-center-styler | Windows.UI.Xaml.Controls.Primitives.RepeatButton#PreviousButton > ContentPresenter#ContentPresenter@CommonStates | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1047 /mappings/color.border.control/86 |
windows · portwindows-11-notification-center-styler.resource.SliderThumbBorderBrush | — | — | ports/windows/mapping.json:1059 /mappings/color.border.control/98 |
windows · portwindows-11-notification-center-styler.resource.SliderTickBarFill | — | — | ports/windows/mapping.json:1060 /mappings/color.border.control/99 |
windows · portwindows-11-notification-center-styler.resource.SliderTrackFill | — | — | ports/windows/mapping.json:1056 /mappings/color.border.control/95 |
windows · portwindows-11-notification-center-styler.resource.SliderTrackFillPointerOver | — | — | ports/windows/mapping.json:1057 /mappings/color.border.control/96 |
windows · portwindows-11-notification-center-styler.resource.SliderTrackFillPressed | — | — | ports/windows/mapping.json:1058 /mappings/color.border.control/97 |
windows · portwindows-11-settings-styler | Microsoft.UI.Xaml.Controls.SplitButton | BorderBrush | — | — | ports/windows/mapping.json:1032 /mappings/color.border.control/71 |
windows · portwindows-11-settings-styler | TextBox#CommandSearchTextBox > Grid@CommonStates > Border#BorderElement | BorderBrush@Normal | — | — | ports/windows/mapping.json:1076 /mappings/color.border.control/115 |
windows · portwindows-11-settings-styler | TextBox#CommandSearchTextBox > Grid@CommonStates > Border#BorderElement | BorderBrush@PointerOver | — | — | ports/windows/mapping.json:1077 /mappings/color.border.control/116 |
windows · portwindows-11-settings-styler | TextBox#CommandSearchTextBox | BorderBrush | — | — | ports/windows/mapping.json:1075 /mappings/color.border.control/114 |
windows · portwindows-11-settings-styler.resource.ProgressBarBorderBrush | — | — | ports/windows/mapping.json:1033 /mappings/color.border.control/72 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchKnobStrokeOn | — | — | ports/windows/mapping.json:1034 /mappings/color.border.control/73 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOff | — | — | ports/windows/mapping.json:1035 /mappings/color.border.control/74 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOffPointerOver | — | — | ports/windows/mapping.json:1037 /mappings/color.border.control/76 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOffPressed | — | — | ports/windows/mapping.json:1039 /mappings/color.border.control/78 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOn | — | — | ports/windows/mapping.json:1036 /mappings/color.border.control/75 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOnPointerOver | — | — | ports/windows/mapping.json:1038 /mappings/color.border.control/77 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchStrokeOnPressed | — | — | ports/windows/mapping.json:1040 /mappings/color.border.control/79 |
windows · portwindows-11-start-menu-styler | Button#HideMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@Normal | — | — | ports/windows/mapping.json:965 /mappings/color.border.control/4 |
windows · portwindows-11-start-menu-styler | Button#ShowMoreSuggestionsButton > Grid@CommonStates > Border | BorderBrush@Normal | — | — | ports/windows/mapping.json:964 /mappings/color.border.control/3 |
windows · portwindows-11-start-menu-styler | Cortana.UI.Views.RichSearchBoxControl > Grid > Border#BorderElement | BorderBrush | — | — | ports/windows/mapping.json:969 /mappings/color.border.control/8 |
windows · portwindows-11-start-menu-styler | Microsoft.UI.Xaml.Controls.DropDownButton > Grid@CommonStates | BorderBrush@Normal | — | — | ports/windows/mapping.json:963 /mappings/color.border.control/2 |
windows · portwindows-11-start-menu-styler | StartDocked.SearchBoxToggleButton > Grid > Border#BorderElement | BorderBrush | — | — | ports/windows/mapping.json:966 /mappings/color.border.control/5 |
windows · portwindows-11-start-menu-styler | StartMenu.SearchBoxToggleButton > Grid > Border#BorderElement | BorderBrush | — | — | ports/windows/mapping.json:967 /mappings/color.border.control/6 |
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-color | — | — | ports/windows/mapping.json:992 /mappings/color.border.control/31 |
windows · portwindows-11-taskbar-styler | Rectangle#HorizontalTrackRect, Rectangle#ProgressBarTrack | Fill | — | — | ports/windows/mapping.json:1041 /mappings/color.border.control/80 |
| admin-form · state | border | default · color.surface.input | spec/components/admin-form.md:66 /stateTokens/default/border |
| avatar · state | border | default · color.surface.default | spec/components/avatar.md:41 /stateTokens/default/border |
| button-group · state | border | default · color.surface.default | spec/components/button-group.md:51 /stateTokens/default/border |
| card · state | border | hover · color.interaction.hover.bg | spec/components/card.md:45 /stateTokens/hover/border |
| chart · state | border | default · color.surface.default | spec/components/chart.md:46 /stateTokens/default/border |
| checkbox · state | border | default · color.surface.input | spec/components/checkbox.md:51 /stateTokens/default/border |
| checkbox · state | border | focus-visible · color.surface.input | spec/components/checkbox.md:53 /stateTokens/focus-visible/border |
| checkbox · state | border | hover · color.interaction.hover.bg | spec/components/checkbox.md:52 /stateTokens/hover/border |
| checkbox · state | border | required · color.surface.input | spec/components/checkbox.md:58 /stateTokens/required/border |
| chip · state | border | default · color.surface.default | spec/components/chip.md:48 /stateTokens/default/border |
| chip · state | border | focus-visible · color.surface.default | spec/components/chip.md:50 /stateTokens/focus-visible/border |
| chip · state | border | hover · color.interaction.hover.bg | spec/components/chip.md:49 /stateTokens/hover/border |
| code-editor · state | border | default · color.code.bg | spec/components/code-editor.md:70 /stateTokens/default/border |
| combobox · state | border | default · color.surface.input | spec/components/combobox.md:65 /stateTokens/default/border |
| command-palette · state | border | default · color.surface.default | spec/components/command-palette.md:60 /stateTokens/default/border |
| compact-dashboard · state | border | default · color.surface.default | spec/components/compact-dashboard.md:52 /stateTokens/default/border |
| date-picker · state | border | default · color.surface.input | spec/components/date-picker.md:59 /stateTokens/default/border |
| date-picker · state | border | hover · color.interaction.hover.bg | spec/components/date-picker.md:63 /stateTokens/hover/border |
| description-list · state | border | default · color.surface.default | spec/components/description-list.md:41 /stateTokens/default/border |
| diagnostics · state | border | default · color.surface.default | spec/components/diagnostics.md:65 /stateTokens/default/border |
| diff-view · state | border | default · color.code.bg | spec/components/diff-view.md:63 /stateTokens/default/border |
| disclosure · state | border | default · color.surface.default | spec/components/disclosure.md:48 /stateTokens/default/border |
| editor-search · state | border | default · color.surface.default | spec/components/editor-search.md:55 /stateTokens/default/border |
| error-state · state | border | default · color.surface.default | spec/components/error-state.md:55 /stateTokens/default/border |
| file-browser · state | border | default · color.surface.default | spec/components/file-browser.md:56 /stateTokens/default/border |
| form-builder · state | border | default · color.surface.default | spec/components/form-builder.md:24 /stateTokens/default/border |
| kbd · state | border | default · color.surface.default | spec/components/kbd.md:40 /stateTokens/default/border |
| list · state | border | default · color.surface.default | spec/components/list.md:50 /stateTokens/default/border |
| menu · state | border | closed · color.surface.default | spec/components/menu.md:61 /stateTokens/closed/border |
| menu · state | border | focus-visible · color.surface.default | spec/components/menu.md:59 /stateTokens/focus-visible/border |
| multiselect · state | border | default · color.surface.default | spec/components/multiselect.md:72 /stateTokens/default/border |
| number-field · state | border | default · color.surface.input | spec/components/number-field.md:53 /stateTokens/default/border |
| number-field · state | border | hover · color.interaction.hover.bg | spec/components/number-field.md:54 /stateTokens/hover/border |
| popover · state | border | default · color.surface.default | spec/components/popover.md:51 /stateTokens/default/border |
| progress · state | border | default · color.surface.canvas | spec/components/progress.md:39 /stateTokens/default/border |
| radio-group · state | border | default · color.surface.input | spec/components/radio-group.md:49 /stateTokens/default/border |
| radio-group · state | border | focus-visible · color.surface.input | spec/components/radio-group.md:51 /stateTokens/focus-visible/border |
| radio-group · state | border | hover · color.interaction.hover.bg | spec/components/radio-group.md:50 /stateTokens/hover/border |
| radio-group · state | border | required · color.surface.input | spec/components/radio-group.md:55 /stateTokens/required/border |
| range · state | border | default · color.surface.default | spec/components/range.md:47 /stateTokens/default/border |
| repeater · state | border | default · color.surface.default | spec/components/repeater.md:54 /stateTokens/default/border |
| search-field · state | border | default · color.surface.input | spec/components/search-field.md:52 /stateTokens/default/border |
| search-field · state | border | hover · color.interaction.hover.bg | spec/components/search-field.md:53 /stateTokens/hover/border |
| search-field · state | border | loading · color.surface.input | spec/components/search-field.md:56 /stateTokens/loading/border |
| search-field · state | border | no-results · color.surface.input | spec/components/search-field.md:57 /stateTokens/no-results/border |
| search-field · state | border | placeholder-shown · color.surface.input | spec/components/search-field.md:55 /stateTokens/placeholder-shown/border |
| segmented-control · state | border | default · color.surface.default | spec/components/segmented-control.md:65 /stateTokens/default/border |
| select · state | border | default · color.surface.input | spec/components/select.md:55 /stateTokens/default/border |
| select · state | border | hover · color.interaction.hover.bg | spec/components/select.md:56 /stateTokens/hover/border |
| select · state | border | required · color.surface.input | spec/components/select.md:58 /stateTokens/required/border |
| settings-panel · state | border | focus-visible · color.surface.input | spec/components/settings-panel.md:55 /stateTokens/focus-visible/border |
| skeleton · state | border | default · color.surface.default | spec/components/skeleton.md:42 /stateTokens/default/border |
| switch · state | border | default · color.surface.input | spec/components/switch.md:48 /stateTokens/default/border |
| switch · state | border | focus-visible · color.surface.input | spec/components/switch.md:50 /stateTokens/focus-visible/border |
| switch · state | border | hover · color.interaction.hover.bg | spec/components/switch.md:49 /stateTokens/hover/border |
| terminal · state | border | default · color.terminal.bg | spec/components/terminal.md:67 /stateTokens/default/border |
| text-field · state | border | default · color.surface.input | spec/components/text-field.md:68 /stateTokens/default/border |
| text-field · state | border | hover · color.interaction.hover.bg | spec/components/text-field.md:69 /stateTokens/hover/border |
| text-field · state | border | placeholder-shown · color.surface.input | spec/components/text-field.md:71 /stateTokens/placeholder-shown/border |
| textarea · state | border | default · color.surface.input | spec/components/textarea.md:57 /stateTokens/default/border |
| textarea · state | border | hover · color.interaction.hover.bg | spec/components/textarea.md:58 /stateTokens/hover/border |
| textarea · state | border | placeholder-shown · color.surface.input | spec/components/textarea.md:60 /stateTokens/placeholder-shown/border |
| time-picker · state | border | default · color.surface.input | spec/components/time-picker.md:47 /stateTokens/default/border |
| time-picker · state | border | hover · color.interaction.hover.bg | spec/components/time-picker.md:51 /stateTokens/hover/border |
| timeline · state | border | default · color.surface.default | spec/components/timeline.md:42 /stateTokens/default/border |
| tree · state | border | default · color.surface.default | spec/components/tree.md:52 /stateTokens/default/border |
Declared unmapped ports
- chatgpt: ChatGPT draws its own borders; there is no border colour setting. · ports/chatgpt/mapping.json:63
/unmapped/color.border.control - claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:173
/unmapped/color.border.control - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:99
/unmapped/color.border.control - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:99
/unmapped/color.border.control - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:92
/unmapped/color.border.control
Relevant contrast declarations
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - card hover border: color.border.control on color.interaction.hover.bg · spec/components/card.md:45
/stateTokens/hover - checkbox hover border: color.border.control on color.interaction.hover.bg · spec/components/checkbox.md:52
/stateTokens/hover - chip hover border: color.border.control on color.interaction.hover.bg · spec/components/chip.md:49
/stateTokens/hover - date-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/date-picker.md:61
/stateTokens/hover - number-field hover border: color.border.control on color.interaction.hover.bg · spec/components/number-field.md:54
/stateTokens/hover - radio-group hover border: color.border.control on color.interaction.hover.bg · spec/components/radio-group.md:50
/stateTokens/hover - search-field hover border: color.border.control on color.interaction.hover.bg · spec/components/search-field.md:53
/stateTokens/hover - select hover border: color.border.control on color.interaction.hover.bg · spec/components/select.md:56
/stateTokens/hover - switch hover border: color.border.control on color.interaction.hover.bg · spec/components/switch.md:49
/stateTokens/hover - text-field hover border: color.border.control on color.interaction.hover.bg · spec/components/text-field.md:69
/stateTokens/hover - textarea hover border: color.border.control on color.interaction.hover.bg · spec/components/textarea.md:58
/stateTokens/hover - time-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/time-picker.md:49
/stateTokens/hover - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - 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 - avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39
/stateTokens/default - button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:49
/stateTokens/default - chart default border: color.border.control on color.surface.default · spec/components/chart.md:44
/stateTokens/default - checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62
/contrast/2 - checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59
/contrast/2 - chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88
/contrast/8 - chip default border: color.border.control on color.surface.default · spec/components/chip.md:48
/stateTokens/default - chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50
/stateTokens/focus-visible - command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:58
/stateTokens/default - compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:50
/stateTokens/default - control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45
/pairs/41 - control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63
/contrast/4 - Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:68
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:60
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:64
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:48
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:80
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/popover.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/range.md:55
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:62
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:73
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60
/contrast/2 - description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39
/stateTokens/default - diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65
/stateTokens/default - disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46
/stateTokens/default - editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:53
/stateTokens/default - error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:53
/stateTokens/default - file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:54
/stateTokens/default - form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24
/stateTokens/default - kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:38
/stateTokens/default - list default border: color.border.control on color.surface.default · spec/components/list.md:50
/stateTokens/default - menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61
/stateTokens/closed - menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59
/stateTokens/focus-visible - multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:70
/stateTokens/default - on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57
/contrast/3 - popover default border: color.border.control on color.surface.default · spec/components/popover.md:49
/stateTokens/default - range default border: color.border.control on color.surface.default · spec/components/range.md:45
/stateTokens/default - repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:52
/stateTokens/default - segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:63
/stateTokens/default - skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40
/stateTokens/default - timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40
/stateTokens/default - tree default border: color.border.control on color.surface.default · spec/components/tree.md:50
/stateTokens/default - admin-form default border: color.border.control on color.surface.input · spec/components/admin-form.md:66
/stateTokens/default - checkbox boundary: color.border.control on color.surface.input · spec/components/data-table.md:67
/contrast/1 - checkbox default border: color.border.control on color.surface.input · spec/components/checkbox.md:51
/stateTokens/default - checkbox focus-visible border: color.border.control on color.surface.input · spec/components/checkbox.md:53
/stateTokens/focus-visible - checkbox required border: color.border.control on color.surface.input · spec/components/checkbox.md:58
/stateTokens/required - combobox default border: color.border.control on color.surface.input · spec/components/combobox.md:65
/stateTokens/default - control border on input: color.border.control on color.surface.input · spec/contrast.json:44
/pairs/40 - date-picker default border: color.border.control on color.surface.input · spec/components/date-picker.md:57
/stateTokens/default - number-field default border: color.border.control on color.surface.input · spec/components/number-field.md:53
/stateTokens/default - radio-group default border: color.border.control on color.surface.input · spec/components/radio-group.md:49
/stateTokens/default - radio-group focus-visible border: color.border.control on color.surface.input · spec/components/radio-group.md:51
/stateTokens/focus-visible - radio-group required border: color.border.control on color.surface.input · spec/components/radio-group.md:55
/stateTokens/required - search-field default border: color.border.control on color.surface.input · spec/components/search-field.md:52
/stateTokens/default - search-field loading border: color.border.control on color.surface.input · spec/components/search-field.md:56
/stateTokens/loading - search-field no-results border: color.border.control on color.surface.input · spec/components/search-field.md:57
/stateTokens/no-results - search-field placeholder-shown border: color.border.control on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - select default border: color.border.control on color.surface.input · spec/components/select.md:55
/stateTokens/default - select required border: color.border.control on color.surface.input · spec/components/select.md:58
/stateTokens/required - settings-panel focus-visible border: color.border.control on color.surface.input · spec/components/settings-panel.md:55
/stateTokens/focus-visible - switch default border: color.border.control on color.surface.input · spec/components/switch.md:48
/stateTokens/default - switch focus-visible border: color.border.control on color.surface.input · spec/components/switch.md:50
/stateTokens/focus-visible - text-field default border: color.border.control on color.surface.input · spec/components/text-field.md:68
/stateTokens/default - text-field placeholder-shown border: color.border.control on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea default border: color.border.control on color.surface.input · spec/components/textarea.md:57
/stateTokens/default - textarea placeholder-shown border: color.border.control on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown - time-picker default border: color.border.control on color.surface.input · spec/components/time-picker.md:45
/stateTokens/default - form field boundary on the overlay surface: color.border.control on color.surface.overlay · spec/components/dialog.md:72
/contrast/10 - shortcut key border on the tooltip: color.border.control on color.surface.raised · spec/components/tooltip.md:44
/contrast/1 - terminal default border: color.border.control on color.terminal.bg · spec/components/terminal.md:67
/stateTokens/default
heritage-ansi · heritage
- Resolved value
#c81a1a- Status
- approved
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:366
/color/border/control - Alias chain
color.primitive.red.650- 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
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - card hover border: color.border.control on color.interaction.hover.bg · spec/components/card.md:45
/stateTokens/hover - checkbox hover border: color.border.control on color.interaction.hover.bg · spec/components/checkbox.md:52
/stateTokens/hover - chip hover border: color.border.control on color.interaction.hover.bg · spec/components/chip.md:49
/stateTokens/hover - date-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/date-picker.md:61
/stateTokens/hover - number-field hover border: color.border.control on color.interaction.hover.bg · spec/components/number-field.md:54
/stateTokens/hover - radio-group hover border: color.border.control on color.interaction.hover.bg · spec/components/radio-group.md:50
/stateTokens/hover - search-field hover border: color.border.control on color.interaction.hover.bg · spec/components/search-field.md:53
/stateTokens/hover - select hover border: color.border.control on color.interaction.hover.bg · spec/components/select.md:56
/stateTokens/hover - switch hover border: color.border.control on color.interaction.hover.bg · spec/components/switch.md:49
/stateTokens/hover - text-field hover border: color.border.control on color.interaction.hover.bg · spec/components/text-field.md:69
/stateTokens/hover - textarea hover border: color.border.control on color.interaction.hover.bg · spec/components/textarea.md:58
/stateTokens/hover - time-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/time-picker.md:49
/stateTokens/hover - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - 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 - avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39
/stateTokens/default - button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:49
/stateTokens/default - chart default border: color.border.control on color.surface.default · spec/components/chart.md:44
/stateTokens/default - checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62
/contrast/2 - checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59
/contrast/2 - chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88
/contrast/8 - chip default border: color.border.control on color.surface.default · spec/components/chip.md:48
/stateTokens/default - chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50
/stateTokens/focus-visible - command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:58
/stateTokens/default - compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:50
/stateTokens/default - control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45
/pairs/41 - control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63
/contrast/4 - Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:68
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:60
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:64
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:48
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:80
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/popover.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/range.md:55
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:62
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:73
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60
/contrast/2 - description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39
/stateTokens/default - diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65
/stateTokens/default - disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46
/stateTokens/default - editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:53
/stateTokens/default - error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:53
/stateTokens/default - file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:54
/stateTokens/default - form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24
/stateTokens/default - kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:38
/stateTokens/default - list default border: color.border.control on color.surface.default · spec/components/list.md:50
/stateTokens/default - menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61
/stateTokens/closed - menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59
/stateTokens/focus-visible - multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:70
/stateTokens/default - on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57
/contrast/3 - popover default border: color.border.control on color.surface.default · spec/components/popover.md:49
/stateTokens/default - range default border: color.border.control on color.surface.default · spec/components/range.md:45
/stateTokens/default - repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:52
/stateTokens/default - segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:63
/stateTokens/default - skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40
/stateTokens/default - timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40
/stateTokens/default - tree default border: color.border.control on color.surface.default · spec/components/tree.md:50
/stateTokens/default - admin-form default border: color.border.control on color.surface.input · spec/components/admin-form.md:66
/stateTokens/default - checkbox boundary: color.border.control on color.surface.input · spec/components/data-table.md:67
/contrast/1 - checkbox default border: color.border.control on color.surface.input · spec/components/checkbox.md:51
/stateTokens/default - checkbox focus-visible border: color.border.control on color.surface.input · spec/components/checkbox.md:53
/stateTokens/focus-visible - checkbox required border: color.border.control on color.surface.input · spec/components/checkbox.md:58
/stateTokens/required - combobox default border: color.border.control on color.surface.input · spec/components/combobox.md:65
/stateTokens/default - control border on input: color.border.control on color.surface.input · spec/contrast.json:44
/pairs/40 - date-picker default border: color.border.control on color.surface.input · spec/components/date-picker.md:57
/stateTokens/default - number-field default border: color.border.control on color.surface.input · spec/components/number-field.md:53
/stateTokens/default - radio-group default border: color.border.control on color.surface.input · spec/components/radio-group.md:49
/stateTokens/default - radio-group focus-visible border: color.border.control on color.surface.input · spec/components/radio-group.md:51
/stateTokens/focus-visible - radio-group required border: color.border.control on color.surface.input · spec/components/radio-group.md:55
/stateTokens/required - search-field default border: color.border.control on color.surface.input · spec/components/search-field.md:52
/stateTokens/default - search-field loading border: color.border.control on color.surface.input · spec/components/search-field.md:56
/stateTokens/loading - search-field no-results border: color.border.control on color.surface.input · spec/components/search-field.md:57
/stateTokens/no-results - search-field placeholder-shown border: color.border.control on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - select default border: color.border.control on color.surface.input · spec/components/select.md:55
/stateTokens/default - select required border: color.border.control on color.surface.input · spec/components/select.md:58
/stateTokens/required - settings-panel focus-visible border: color.border.control on color.surface.input · spec/components/settings-panel.md:55
/stateTokens/focus-visible - switch default border: color.border.control on color.surface.input · spec/components/switch.md:48
/stateTokens/default - switch focus-visible border: color.border.control on color.surface.input · spec/components/switch.md:50
/stateTokens/focus-visible - text-field default border: color.border.control on color.surface.input · spec/components/text-field.md:68
/stateTokens/default - text-field placeholder-shown border: color.border.control on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea default border: color.border.control on color.surface.input · spec/components/textarea.md:57
/stateTokens/default - textarea placeholder-shown border: color.border.control on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown - time-picker default border: color.border.control on color.surface.input · spec/components/time-picker.md:45
/stateTokens/default - form field boundary on the overlay surface: color.border.control on color.surface.overlay · spec/components/dialog.md:72
/contrast/10 - shortcut key border on the tooltip: color.border.control on color.surface.raised · spec/components/tooltip.md:44
/contrast/1 - terminal default border: color.border.control on color.terminal.bg · spec/components/terminal.md:67
/stateTokens/default
extended · proposed
- Resolved value
#c81a1a- Status
- approved
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:366
/color/border/control - Alias chain
color.primitive.red.650- 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
- code-editor default border: color.border.control on color.code.bg · spec/components/code-editor.md:70
/stateTokens/default - diff-view default border: color.border.control on color.code.bg · spec/components/diff-view.md:63
/stateTokens/default - card hover border: color.border.control on color.interaction.hover.bg · spec/components/card.md:45
/stateTokens/hover - checkbox hover border: color.border.control on color.interaction.hover.bg · spec/components/checkbox.md:52
/stateTokens/hover - chip hover border: color.border.control on color.interaction.hover.bg · spec/components/chip.md:49
/stateTokens/hover - date-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/date-picker.md:61
/stateTokens/hover - number-field hover border: color.border.control on color.interaction.hover.bg · spec/components/number-field.md:54
/stateTokens/hover - radio-group hover border: color.border.control on color.interaction.hover.bg · spec/components/radio-group.md:50
/stateTokens/hover - search-field hover border: color.border.control on color.interaction.hover.bg · spec/components/search-field.md:53
/stateTokens/hover - select hover border: color.border.control on color.interaction.hover.bg · spec/components/select.md:56
/stateTokens/hover - switch hover border: color.border.control on color.interaction.hover.bg · spec/components/switch.md:49
/stateTokens/hover - text-field hover border: color.border.control on color.interaction.hover.bg · spec/components/text-field.md:69
/stateTokens/hover - textarea hover border: color.border.control on color.interaction.hover.bg · spec/components/textarea.md:58
/stateTokens/hover - time-picker hover border: color.border.control on color.interaction.hover.bg · spec/components/time-picker.md:49
/stateTokens/hover - progress default border: color.border.control on color.surface.canvas · spec/components/progress.md:39
/stateTokens/default - 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 - avatar default border: color.border.control on color.surface.default · spec/components/avatar.md:39
/stateTokens/default - button-group default border: color.border.control on color.surface.default · spec/components/button-group.md:49
/stateTokens/default - chart default border: color.border.control on color.surface.default · spec/components/chart.md:44
/stateTokens/default - checked box edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/checkbox.md:62
/contrast/2 - checked radio edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/radio-group.md:59
/contrast/2 - chip and checkbox boundaries: color.border.control on color.surface.default · spec/components/filterable-table.md:88
/contrast/8 - chip default border: color.border.control on color.surface.default · spec/components/chip.md:48
/stateTokens/default - chip focus-visible border: color.border.control on color.surface.default · spec/components/chip.md:50
/stateTokens/focus-visible - command-palette default border: color.border.control on color.surface.default · spec/components/command-palette.md:58
/stateTokens/default - compact-dashboard default border: color.border.control on color.surface.default · spec/components/compact-dashboard.md:50
/stateTokens/default - control border on default surface: color.border.control on color.surface.default · spec/contrast.json:45
/pairs/41 - control boundaries on the panel surface: color.border.control on color.surface.default · spec/components/settings-panel.md:63
/contrast/4 - Control boundary: color.border.control on color.surface.default · spec/components/avatar.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/button-group.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/chart.md:54
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/command-palette.md:68
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/compact-dashboard.md:60
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/description-list.md:49
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/disclosure.md:56
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/editor-search.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/error-state.md:63
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/file-browser.md:64
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/kbd.md:48
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/multiselect.md:80
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/popover.md:59
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/range.md:55
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/repeater.md:62
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/segmented-control.md:73
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/skeleton.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/timeline.md:50
/contrast/2 - Control boundary: color.border.control on color.surface.default · spec/components/tree.md:60
/contrast/2 - description-list default border: color.border.control on color.surface.default · spec/components/description-list.md:39
/stateTokens/default - diagnostics default border: color.border.control on color.surface.default · spec/components/diagnostics.md:65
/stateTokens/default - disclosure default border: color.border.control on color.surface.default · spec/components/disclosure.md:46
/stateTokens/default - editor-search default border: color.border.control on color.surface.default · spec/components/editor-search.md:53
/stateTokens/default - error-state default border: color.border.control on color.surface.default · spec/components/error-state.md:53
/stateTokens/default - file-browser default border: color.border.control on color.surface.default · spec/components/file-browser.md:54
/stateTokens/default - form-builder default border: color.border.control on color.surface.default · spec/components/form-builder.md:24
/stateTokens/default - kbd default border: color.border.control on color.surface.default · spec/components/kbd.md:38
/stateTokens/default - list default border: color.border.control on color.surface.default · spec/components/list.md:50
/stateTokens/default - menu closed border: color.border.control on color.surface.default · spec/components/menu.md:61
/stateTokens/closed - menu focus-visible border: color.border.control on color.surface.default · spec/components/menu.md:59
/stateTokens/focus-visible - multiselect default border: color.border.control on color.surface.default · spec/components/multiselect.md:70
/stateTokens/default - on track edge against the panel (the border stays border.control): color.border.control on color.surface.default · spec/components/switch.md:57
/contrast/3 - popover default border: color.border.control on color.surface.default · spec/components/popover.md:49
/stateTokens/default - range default border: color.border.control on color.surface.default · spec/components/range.md:45
/stateTokens/default - repeater default border: color.border.control on color.surface.default · spec/components/repeater.md:52
/stateTokens/default - segmented-control default border: color.border.control on color.surface.default · spec/components/segmented-control.md:63
/stateTokens/default - skeleton default border: color.border.control on color.surface.default · spec/components/skeleton.md:40
/stateTokens/default - timeline default border: color.border.control on color.surface.default · spec/components/timeline.md:40
/stateTokens/default - tree default border: color.border.control on color.surface.default · spec/components/tree.md:50
/stateTokens/default - admin-form default border: color.border.control on color.surface.input · spec/components/admin-form.md:66
/stateTokens/default - checkbox boundary: color.border.control on color.surface.input · spec/components/data-table.md:67
/contrast/1 - checkbox default border: color.border.control on color.surface.input · spec/components/checkbox.md:51
/stateTokens/default - checkbox focus-visible border: color.border.control on color.surface.input · spec/components/checkbox.md:53
/stateTokens/focus-visible - checkbox required border: color.border.control on color.surface.input · spec/components/checkbox.md:58
/stateTokens/required - combobox default border: color.border.control on color.surface.input · spec/components/combobox.md:65
/stateTokens/default - control border on input: color.border.control on color.surface.input · spec/contrast.json:44
/pairs/40 - date-picker default border: color.border.control on color.surface.input · spec/components/date-picker.md:57
/stateTokens/default - number-field default border: color.border.control on color.surface.input · spec/components/number-field.md:53
/stateTokens/default - radio-group default border: color.border.control on color.surface.input · spec/components/radio-group.md:49
/stateTokens/default - radio-group focus-visible border: color.border.control on color.surface.input · spec/components/radio-group.md:51
/stateTokens/focus-visible - radio-group required border: color.border.control on color.surface.input · spec/components/radio-group.md:55
/stateTokens/required - search-field default border: color.border.control on color.surface.input · spec/components/search-field.md:52
/stateTokens/default - search-field loading border: color.border.control on color.surface.input · spec/components/search-field.md:56
/stateTokens/loading - search-field no-results border: color.border.control on color.surface.input · spec/components/search-field.md:57
/stateTokens/no-results - search-field placeholder-shown border: color.border.control on color.surface.input · spec/components/search-field.md:55
/stateTokens/placeholder-shown - select default border: color.border.control on color.surface.input · spec/components/select.md:55
/stateTokens/default - select required border: color.border.control on color.surface.input · spec/components/select.md:58
/stateTokens/required - settings-panel focus-visible border: color.border.control on color.surface.input · spec/components/settings-panel.md:55
/stateTokens/focus-visible - switch default border: color.border.control on color.surface.input · spec/components/switch.md:48
/stateTokens/default - switch focus-visible border: color.border.control on color.surface.input · spec/components/switch.md:50
/stateTokens/focus-visible - text-field default border: color.border.control on color.surface.input · spec/components/text-field.md:68
/stateTokens/default - text-field placeholder-shown border: color.border.control on color.surface.input · spec/components/text-field.md:71
/stateTokens/placeholder-shown - textarea default border: color.border.control on color.surface.input · spec/components/textarea.md:57
/stateTokens/default - textarea placeholder-shown border: color.border.control on color.surface.input · spec/components/textarea.md:60
/stateTokens/placeholder-shown - time-picker default border: color.border.control on color.surface.input · spec/components/time-picker.md:45
/stateTokens/default - form field boundary on the overlay surface: color.border.control on color.surface.overlay · spec/components/dialog.md:72
/contrast/10 - shortcut key border on the tooltip: color.border.control on color.surface.raised · spec/components/tooltip.md:44
/contrast/1 - terminal default border: color.border.control on color.terminal.bg · spec/components/terminal.md:67
/stateTokens/default