Skip to content

Commit bb845cb

Browse files
fix(button): adjust static primary outline button border colors (#3600)
1 parent 7ee4495 commit bb845cb

File tree

3 files changed

+9
-2
lines changed

3 files changed

+9
-2
lines changed

.changeset/curvy-bottles-boil.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/button": patch
3+
---
4+
5+
Adjust border colors for static black and static white outline buttons, primary variant to match S2 spec.

components/button/dist/metadata.json

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -277,12 +277,14 @@
277277
"--spectrum-transparent-black-500",
278278
"--spectrum-transparent-black-600",
279279
"--spectrum-transparent-black-700",
280+
"--spectrum-transparent-black-800",
280281
"--spectrum-transparent-black-900",
281282
"--spectrum-transparent-white-1000",
282283
"--spectrum-transparent-white-300",
283284
"--spectrum-transparent-white-400",
284285
"--spectrum-transparent-white-500",
285286
"--spectrum-transparent-white-600",
287+
"--spectrum-transparent-white-800",
286288
"--spectrum-transparent-white-900",
287289
"--spectrum-white",
288290
"--spectrum-workflow-icon-size-100",

components/button/themes/spectrum-two.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@
106106
--mod-button-content-color-down: var(--spectrum-white);
107107
--mod-button-content-color-focus: var(--spectrum-white);
108108

109-
--mod-button-border-color-default: var(--spectrum-transparent-white-900);
109+
--mod-button-border-color-default: var(--spectrum-transparent-white-800);
110110
--mod-button-border-color-hover: var(--spectrum-transparent-white-1000);
111111
--mod-button-border-color-down: var(--spectrum-transparent-white-1000);
112112
--mod-button-border-color-focus: var(--spectrum-transparent-white-1000);
@@ -166,7 +166,7 @@
166166
--mod-button-content-color-down: var(--spectrum-black);
167167
--mod-button-content-color-focus: var(--spectrum-black);
168168

169-
--mod-button-border-color-default: var(--spectrum-transparent-black-500);
169+
--mod-button-border-color-default: var(--spectrum-transparent-black-800);
170170
--mod-button-border-color-hover: var(--spectrum-transparent-black-600);
171171
--mod-button-border-color-down: var(--spectrum-transparent-black-700);
172172
--mod-button-border-color-focus: var(--spectrum-transparent-black-600);

0 commit comments

Comments
 (0)