J3W1 / DESIGN SYSTEM
color.action.primary.text
Primary button text (9.28:1).
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.action.primary.text--color-action-primary-textdefault · approved
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- admin-form busy fg: color.action.primary.text on color.action.primary.bg · spec/components/admin-form.md:68
/stateTokens/busy - button default fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:61
/stateTokens/default - button focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:63
/stateTokens/focus-visible - button loading fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:65
/stateTokens/loading - checkbox checked fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:54
/stateTokens/checked - checkbox checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:56
/stateTokens/checked+focus-visible - checkbox mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:55
/stateTokens/mixed - count badge: color.action.primary.text on color.action.primary.bg · spec/components/badge.md:58
/contrast/4 - data-table mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/data-table.md:62
/stateTokens/mixed - New button and checked boxes: color.action.primary.text on color.action.primary.bg · spec/components/filterable-table.md:86
/contrast/6 - primary action text on fill: color.action.primary.text on color.action.primary.bg · spec/contrast.json:23
/pairs/19 - primary button text: color.action.primary.text on color.action.primary.bg · spec/components/dialog.md:66
/contrast/4 - radio-group checked fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:52
/stateTokens/checked - radio-group checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:53
/stateTokens/checked+focus-visible - settings-panel busy fg: color.action.primary.text on color.action.primary.bg · spec/components/settings-panel.md:57
/stateTokens/busy - switch checked fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:51
/stateTokens/checked - switch checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:52
/stateTokens/checked+focus-visible - wizard busy fg: color.action.primary.text on color.action.primary.bg · spec/components/wizard.md:60
/stateTokens/busy - 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 - button active fg: color.action.primary.text on color.action.primary.pressed-bg · spec/components/button.md:64
/stateTokens/active
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- admin-form busy fg: color.action.primary.text on color.action.primary.bg · spec/components/admin-form.md:68
/stateTokens/busy - button default fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:61
/stateTokens/default - button focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:63
/stateTokens/focus-visible - button loading fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:65
/stateTokens/loading - checkbox checked fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:54
/stateTokens/checked - checkbox checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:56
/stateTokens/checked+focus-visible - checkbox mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:55
/stateTokens/mixed - count badge: color.action.primary.text on color.action.primary.bg · spec/components/badge.md:58
/contrast/4 - data-table mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/data-table.md:62
/stateTokens/mixed - New button and checked boxes: color.action.primary.text on color.action.primary.bg · spec/components/filterable-table.md:86
/contrast/6 - primary action text on fill: color.action.primary.text on color.action.primary.bg · spec/contrast.json:23
/pairs/19 - primary button text: color.action.primary.text on color.action.primary.bg · spec/components/dialog.md:66
/contrast/4 - radio-group checked fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:52
/stateTokens/checked - radio-group checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:53
/stateTokens/checked+focus-visible - settings-panel busy fg: color.action.primary.text on color.action.primary.bg · spec/components/settings-panel.md:57
/stateTokens/busy - switch checked fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:51
/stateTokens/checked - switch checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:52
/stateTokens/checked+focus-visible - wizard busy fg: color.action.primary.text on color.action.primary.bg · spec/components/wizard.md:60
/stateTokens/busy - 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 - button active fg: color.action.primary.text on color.action.primary.pressed-bg · spec/components/button.md:64
/stateTokens/active
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- admin-form busy fg: color.action.primary.text on color.action.primary.bg · spec/components/admin-form.md:68
/stateTokens/busy - button default fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:61
/stateTokens/default - button focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:63
/stateTokens/focus-visible - button loading fg: color.action.primary.text on color.action.primary.bg · spec/components/button.md:65
/stateTokens/loading - checkbox checked fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:54
/stateTokens/checked - checkbox checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:56
/stateTokens/checked+focus-visible - checkbox mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/checkbox.md:55
/stateTokens/mixed - count badge: color.action.primary.text on color.action.primary.bg · spec/components/badge.md:58
/contrast/4 - data-table mixed fg: color.action.primary.text on color.action.primary.bg · spec/components/data-table.md:62
/stateTokens/mixed - New button and checked boxes: color.action.primary.text on color.action.primary.bg · spec/components/filterable-table.md:86
/contrast/6 - primary action text on fill: color.action.primary.text on color.action.primary.bg · spec/contrast.json:23
/pairs/19 - primary button text: color.action.primary.text on color.action.primary.bg · spec/components/dialog.md:66
/contrast/4 - radio-group checked fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:52
/stateTokens/checked - radio-group checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/radio-group.md:53
/stateTokens/checked+focus-visible - settings-panel busy fg: color.action.primary.text on color.action.primary.bg · spec/components/settings-panel.md:57
/stateTokens/busy - switch checked fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:51
/stateTokens/checked - switch checked+focus-visible fg: color.action.primary.text on color.action.primary.bg · spec/components/switch.md:52
/stateTokens/checked+focus-visible - wizard busy fg: color.action.primary.text on color.action.primary.bg · spec/components/wizard.md:60
/stateTokens/busy - 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 - button active fg: color.action.primary.text on color.action.primary.pressed-bg · spec/components/button.md:64
/stateTokens/active