J3W1 / DESIGN SYSTEM
color.action.secondary.border
Secondary button border (meets 3:1).
Source revision 1faefcf014c8bf01a6b27308ea796da968773a81
Find related usage · Specification anchor · Measured contrast report (default profile)
Report an issue with this token
color.action.secondary.border--color-action-secondary-borderdefault · approved
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69
/contrast/2 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37
/contrast/2 - Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80
/contrast/10 - Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64
/contrast/5 - secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71
/contrast/4 - secondary button boundary on the overlay surface: color.action.secondary.border on color.surface.overlay · spec/components/dialog.md:65
/contrast/3
heritage-ansi · heritage
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69
/contrast/2 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37
/contrast/2 - Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80
/contrast/10 - Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64
/contrast/5 - secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71
/contrast/4 - secondary button boundary on the overlay surface: color.action.secondary.border on color.surface.overlay · spec/components/dialog.md:65
/contrast/3
extended · proposed
Provenance and restrictions
nullDeclared component and port usage
Relevant contrast declarations
- secondary border at rest: color.action.secondary.border on color.action.secondary.bg · spec/components/button.md:69
/contrast/2 - back button boundary: color.action.secondary.border on color.surface.canvas · spec/components/wizard.md:68
/contrast/6 - file-input default border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:57
/stateTokens/default - file-input focus-visible border: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:59
/stateTokens/focus-visible - hovered button boundary against the canvas outside it: color.action.secondary.border on color.surface.canvas · spec/components/file-input.md:63
/contrast/0 - action boundary on the panel surface: color.action.secondary.border on color.surface.default · spec/components/empty-state.md:37
/contrast/2 - Back button and file-input button boundaries: color.action.secondary.border on color.surface.default · spec/components/admin-form.md:80
/contrast/10 - Reset button boundary: color.action.secondary.border on color.surface.default · spec/components/settings-panel.md:64
/contrast/5 - secondary border against the panel while hovered (the fill inside it measures 2.94:1): color.action.secondary.border on color.surface.default · spec/components/button.md:71
/contrast/4 - secondary button boundary on the overlay surface: color.action.secondary.border on color.surface.overlay · spec/components/dialog.md:65
/contrast/3