color.action.primary.hover-bg
Primary button hover; pair with action.primary.text (D-033).
Source revision 9afef8564142e41458748895d16b4df161a67d66
Find related usageSpecification anchorMeasured contrast report (default profile)Report an issue with this token
color.action.primary.hover-bg--color-action-primary-hover-bgdefault · approved
- Resolved value
#911410- Status
- observed
- Consumption
- use — Use within the role's documented scope and restrictions.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:601
/color/action/primary/hover-bg - Alias chain
color.primitive.red.350- 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 |
|---|---|---|---|
| checkbox · contrast | — | hover · color.action.primary.hover-bg | spec/components/checkbox.md:63 /contrast/3 |
| radio-group · contrast | — | hover · color.action.primary.hover-bg | spec/components/radio-group.md:60 /contrast/3 |
| switch · contrast | — | hover · color.action.primary.hover-bg | spec/components/switch.md:56 /contrast/2 |
| Shared rule · contrast | — | — · color.action.primary.hover-bg | spec/contrast.json:24 /pairs/20 |
| button · part | root.bg-hover | — | spec/components/button.md:33 /tokens/root.bg-hover |
| checkbox · part | box.bg-checked-hover | — | spec/components/checkbox.md:38 /tokens/box.bg-checked-hover |
| dialog · part | primary.bg-hover | — | spec/components/dialog.md:46 /tokens/primary.bg-hover |
| multiselect · part | dependency.role-color-action-primary-hover-bg | — | spec/components/multiselect.md:43 /tokens/dependency.role-color-action-primary-hover-bg |
| radio-group · part | box.bg-checked-hover | — | spec/components/radio-group.md:36 /tokens/box.bg-checked-hover |
| segmented-control · part | dependency.role-color-action-primary-hover-bg | — | spec/components/segmented-control.md:35 /tokens/dependency.role-color-action-primary-hover-bg |
| switch · part | track.bg-checked-hover | — | spec/components/switch.md:37 /tokens/track.bg-checked-hover |
| wizard · part | next.bg-hover | — | spec/components/wizard.md:46 /tokens/next.bg-hover |
obsidian · port--checkbox-color-hover | — | — | ports/obsidian/mapping.json:189 /mappings/color.action.primary.hover-bg/1 |
obsidian · port--interactive-accent-hover | — | — | ports/obsidian/mapping.json:188 /mappings/color.action.primary.hover-bg/0 |
windows · portcalculator.resource.AccentFillColorSecondaryBrush | — | — | ports/windows/mapping.json:1778 /mappings/color.action.primary.hover-bg/1 |
windows · portcalculator.resource.AppControlHighlightCalcButtonHoverBrush | — | — | ports/windows/mapping.json:1779 /mappings/color.action.primary.hover-bg/2 |
telegram · portdesktop:activeButtonBgOver | — | — | ports/telegram/mapping.json:1190 /mappings/color.action.primary.hover-bg/0 |
telegram · portdesktop:msgFile1BgOver | — | — | ports/telegram/mapping.json:1193 /mappings/color.action.primary.hover-bg/3 |
telegram · portdesktop:msgFile2BgOver | — | — | ports/telegram/mapping.json:1194 /mappings/color.action.primary.hover-bg/4 |
telegram · portdesktop:msgFile3BgOver | — | — | ports/telegram/mapping.json:1195 /mappings/color.action.primary.hover-bg/5 |
telegram · portdesktop:msgFile4BgOver | — | — | ports/telegram/mapping.json:1196 /mappings/color.action.primary.hover-bg/6 |
telegram · portdesktop:msgFileInBgOver | — | — | ports/telegram/mapping.json:1191 /mappings/color.action.primary.hover-bg/1 |
telegram · portdesktop:sideBarBadgeBgActive | — | — | ports/telegram/mapping.json:1192 /mappings/color.action.primary.hover-bg/2 |
windows · portnotepad-chrome.resource.AccentFillColorSecondaryBrush | — | — | ports/windows/mapping.json:1780 /mappings/color.action.primary.hover-bg/3 |
windows · portnotepad-chrome.resource.SliderThumbBackgroundPointerOver | — | — | ports/windows/mapping.json:1788 /mappings/color.action.primary.hover-bg/11 |
windows · portnotepad-chrome.resource.SliderTrackValueFillPointerOver | — | — | ports/windows/mapping.json:1786 /mappings/color.action.primary.hover-bg/9 |
windows · portnotepad-chrome.resource.ToggleSwitchFillOnPointerOver | — | — | ports/windows/mapping.json:1781 /mappings/color.action.primary.hover-bg/4 |
windows · portnotepad-chrome.resource.ToggleSwitchStrokeOnPointerOver | — | — | ports/windows/mapping.json:1782 /mappings/color.action.primary.hover-bg/5 |
windows · portpaint-chrome.resource.AccentFillColorSecondaryBrush | — | — | ports/windows/mapping.json:1783 /mappings/color.action.primary.hover-bg/6 |
windows · portpaint-chrome.resource.SliderThumbBackgroundPointerOver | — | — | ports/windows/mapping.json:1789 /mappings/color.action.primary.hover-bg/12 |
windows · portpaint-chrome.resource.SliderTrackValueFillPointerOver | — | — | ports/windows/mapping.json:1787 /mappings/color.action.primary.hover-bg/10 |
windows · portpaint-chrome.resource.ToggleSwitchFillOnPointerOver | — | — | ports/windows/mapping.json:1784 /mappings/color.action.primary.hover-bg/7 |
windows · portpaint-chrome.resource.ToggleSwitchStrokeOnPointerOver | — | — | ports/windows/mapping.json:1785 /mappings/color.action.primary.hover-bg/8 |
windows · portterminal-chrome.resource.AccentFillColorSecondaryBrush | — | — | ports/windows/mapping.json:1792 /mappings/color.action.primary.hover-bg/15 |
windows · portterminal-chrome.resource.SliderThumbBackgroundPointerOver | — | — | ports/windows/mapping.json:1796 /mappings/color.action.primary.hover-bg/19 |
windows · portterminal-chrome.resource.SliderTrackValueFillPointerOver | — | — | ports/windows/mapping.json:1795 /mappings/color.action.primary.hover-bg/18 |
windows · portterminal-chrome.resource.ToggleSwitchFillOnPointerOver | — | — | ports/windows/mapping.json:1793 /mappings/color.action.primary.hover-bg/16 |
windows · portterminal-chrome.resource.ToggleSwitchStrokeOnPointerOver | — | — | ports/windows/mapping.json:1794 /mappings/color.action.primary.hover-bg/17 |
windows · portwindhawk.resource.AccentButtonBackgroundPointerOver | — | — | ports/windows/mapping.json:1791 /mappings/color.action.primary.hover-bg/14 |
windows · portwindhawk.resource.AccentFillColorSecondaryBrush | — | — | ports/windows/mapping.json:1790 /mappings/color.action.primary.hover-bg/13 |
windows · portwindows-11-notification-center-styler | CalendarView | TodayHoverBackground | — | — | ports/windows/mapping.json:1777 /mappings/color.action.primary.hover-bg/0 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border > Windows.UI.Xaml.Shapes.Ellipse#SliderInnerThumb | Fill@PointerOver | — | — | ports/windows/mapping.json:1802 /mappings/color.action.primary.hover-bg/25 |
windows · portwindows-11-notification-center-styler | ControlCenter.AsyncSlider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalDecreaseRect | Fill@PointerOver | — | — | ports/windows/mapping.json:1801 /mappings/color.action.primary.hover-bg/24 |
windows · portwindows-11-notification-center-styler | ControlCenter.PaginatedToggleButton > ContentPresenter#ContentPresenter@CommonStates | Background@CheckedPointerOver | — | — | ports/windows/mapping.json:1798 /mappings/color.action.primary.hover-bg/21 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Controls.Primitives.Thumb#HorizontalThumb > Border > Windows.UI.Xaml.Shapes.Ellipse#SliderInnerThumb | Fill@PointerOver | — | — | ports/windows/mapping.json:1804 /mappings/color.action.primary.hover-bg/27 |
windows · portwindows-11-notification-center-styler | Slider > Grid@CommonStates > * > Windows.UI.Xaml.Shapes.Rectangle#HorizontalDecreaseRect | Fill@PointerOver | — | — | ports/windows/mapping.json:1803 /mappings/color.action.primary.hover-bg/26 |
windows · portwindows-11-notification-center-styler.resource.SliderThumbBackgroundPointerOver | — | — | ports/windows/mapping.json:1800 /mappings/color.action.primary.hover-bg/23 |
windows · portwindows-11-notification-center-styler.resource.SliderTrackValueFillPointerOver | — | — | ports/windows/mapping.json:1799 /mappings/color.action.primary.hover-bg/22 |
windows · portwindows-11-settings-styler.resource.ToggleSwitchFillOnPointerOver | — | — | ports/windows/mapping.json:1797 /mappings/color.action.primary.hover-bg/20 |
| button · state | bg | hover · color.action.primary.hover-bg | spec/components/button.md:62 /stateTokens/hover/bg |
Declared unmapped ports
- chatgpt: ChatGPT has no setting for this colour. · ports/chatgpt/mapping.json:52
/unmapped/color.action.primary.hover-bg - claude-code: Interface colour role that no Claude Code theme key takes. · ports/claude-code/mapping.json:163
/unmapped/color.action.primary.hover-bg - codex: Interface colour role; a Codex tmTheme colours code only. · ports/codex/mapping.json:88
/unmapped/color.action.primary.hover-bg - ghostty: Interface colour role; a terminal theme file carries terminal colours only. · ports/ghostty/mapping.json:88
/unmapped/color.action.primary.hover-bg - 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:324
/unmapped/color.action.primary.hover-bg - warp: Interface colour role; a terminal theme file carries terminal colours only. · ports/warp/mapping.json:81
/unmapped/color.action.primary.hover-bg
Relevant contrast declarations
- button hover fg: color.action.primary.text on color.action.primary.hover-bg · spec/components/button.md:62
/stateTokens/hover - glyph on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/checkbox.md:63
/contrast/3 - inner square on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/radio-group.md:60
/contrast/3 - primary action text on hover fill: color.action.primary.text on color.action.primary.hover-bg · spec/contrast.json:24
/pairs/20 - thumb on the hovered on track: color.action.primary.text on color.action.primary.hover-bg · spec/components/switch.md:56
/contrast/2
heritage-ansi · heritage
- Resolved value
#911410- Status
- observed
- Consumption
- historical-only — Historical fidelity only; preserve all documented limitations and deprecations.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:601
/color/action/primary/hover-bg - Alias chain
color.primitive.red.350- 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 |
|---|---|---|---|
| checkbox · contrast | — | hover · color.action.primary.hover-bg | spec/components/checkbox.md:63 /contrast/3 |
| radio-group · contrast | — | hover · color.action.primary.hover-bg | spec/components/radio-group.md:60 /contrast/3 |
| switch · contrast | — | hover · color.action.primary.hover-bg | spec/components/switch.md:56 /contrast/2 |
| Shared rule · contrast | — | — · color.action.primary.hover-bg | spec/contrast.json:24 /pairs/20 |
| button · part | root.bg-hover | — | spec/components/button.md:33 /tokens/root.bg-hover |
| checkbox · part | box.bg-checked-hover | — | spec/components/checkbox.md:38 /tokens/box.bg-checked-hover |
| dialog · part | primary.bg-hover | — | spec/components/dialog.md:46 /tokens/primary.bg-hover |
| multiselect · part | dependency.role-color-action-primary-hover-bg | — | spec/components/multiselect.md:43 /tokens/dependency.role-color-action-primary-hover-bg |
| radio-group · part | box.bg-checked-hover | — | spec/components/radio-group.md:36 /tokens/box.bg-checked-hover |
| segmented-control · part | dependency.role-color-action-primary-hover-bg | — | spec/components/segmented-control.md:35 /tokens/dependency.role-color-action-primary-hover-bg |
| switch · part | track.bg-checked-hover | — | spec/components/switch.md:37 /tokens/track.bg-checked-hover |
| wizard · part | next.bg-hover | — | spec/components/wizard.md:46 /tokens/next.bg-hover |
| button · state | bg | hover · color.action.primary.hover-bg | spec/components/button.md:62 /stateTokens/hover/bg |
Relevant contrast declarations
- button hover fg: color.action.primary.text on color.action.primary.hover-bg · spec/components/button.md:62
/stateTokens/hover - glyph on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/checkbox.md:63
/contrast/3 - inner square on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/radio-group.md:60
/contrast/3 - primary action text on hover fill: color.action.primary.text on color.action.primary.hover-bg · spec/contrast.json:24
/pairs/20 - thumb on the hovered on track: color.action.primary.text on color.action.primary.hover-bg · spec/components/switch.md:56
/contrast/2
extended · proposed
- Resolved value
#911410- Status
- observed
- Consumption
- blocked — Proposed profile: preview only, not downstream delivery.
- Decisions
- None pending.
- Source
- tokens/semantic.tokens.json:601
/color/action/primary/hover-bg - Alias chain
color.primitive.red.350- 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 |
|---|---|---|---|
| checkbox · contrast | — | hover · color.action.primary.hover-bg | spec/components/checkbox.md:63 /contrast/3 |
| radio-group · contrast | — | hover · color.action.primary.hover-bg | spec/components/radio-group.md:60 /contrast/3 |
| switch · contrast | — | hover · color.action.primary.hover-bg | spec/components/switch.md:56 /contrast/2 |
| Shared rule · contrast | — | — · color.action.primary.hover-bg | spec/contrast.json:24 /pairs/20 |
| button · part | root.bg-hover | — | spec/components/button.md:33 /tokens/root.bg-hover |
| checkbox · part | box.bg-checked-hover | — | spec/components/checkbox.md:38 /tokens/box.bg-checked-hover |
| dialog · part | primary.bg-hover | — | spec/components/dialog.md:46 /tokens/primary.bg-hover |
| multiselect · part | dependency.role-color-action-primary-hover-bg | — | spec/components/multiselect.md:43 /tokens/dependency.role-color-action-primary-hover-bg |
| radio-group · part | box.bg-checked-hover | — | spec/components/radio-group.md:36 /tokens/box.bg-checked-hover |
| segmented-control · part | dependency.role-color-action-primary-hover-bg | — | spec/components/segmented-control.md:35 /tokens/dependency.role-color-action-primary-hover-bg |
| switch · part | track.bg-checked-hover | — | spec/components/switch.md:37 /tokens/track.bg-checked-hover |
| wizard · part | next.bg-hover | — | spec/components/wizard.md:46 /tokens/next.bg-hover |
| button · state | bg | hover · color.action.primary.hover-bg | spec/components/button.md:62 /stateTokens/hover/bg |
Relevant contrast declarations
- button hover fg: color.action.primary.text on color.action.primary.hover-bg · spec/components/button.md:62
/stateTokens/hover - glyph on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/checkbox.md:63
/contrast/3 - inner square on the hovered checked fill: color.action.primary.text on color.action.primary.hover-bg · spec/components/radio-group.md:60
/contrast/3 - primary action text on hover fill: color.action.primary.text on color.action.primary.hover-bg · spec/contrast.json:24
/pairs/20 - thumb on the hovered on track: color.action.primary.text on color.action.primary.hover-bg · spec/components/switch.md:56
/contrast/2