Skip to content

Commit

Permalink
fix(button): adjusts outline border hover behavior in high contrast mode
Browse files Browse the repository at this point in the history
  • Loading branch information
cdransf committed Sep 16, 2024
1 parent 40b363b commit 135d345
Showing 1 changed file with 10 additions and 3 deletions.
13 changes: 10 additions & 3 deletions components/button/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -310,16 +310,22 @@ a.spectrum-Button {
--highcontrast-button-content-color-hover: ButtonText;
--highcontrast-button-content-color-focus: ButtonText;
--highcontrast-button-content-color-down: ButtonText;
--highcontrast-button-border-color-default: ButtonBorder;
--highcontrast-button-border-color-hover: ButtonBorder;
--highcontrast-button-border-color-focus: ButtonBorder;
--highcontrast-button-border-color-down: ButtonBorder;
--highcontrast-button-background-color-default: ButtonFace;
--highcontrast-button-background-color-hover: ButtonFace;
--highcontrast-button-background-color-down: ButtonFace;
--highcontrast-button-background-color-focus: ButtonFace;
--highcontrast-button-background-color-disabled: ButtonFace;
--highcontrast-button-content-color-disabled: GrayText;
--highcontrast-button-border-color-disabled: GrayText;

--mod-progress-circle-track-border-color: ButtonText;
--mod-progress-circle-track-border-color-over-background: ButtonText;
--mod-progress-circle-thickness: var(--spectrum-progress-circle-thickness-medium);
--mod-button-animation-duration: 0s;

.spectrum-Button-label {
forced-color-adjust: none;
Expand All @@ -340,9 +346,10 @@ a.spectrum-Button {
--highcontrast-button-background-color-hover: Highlight;
--highcontrast-button-background-color-down: Highlight;
--highcontrast-button-background-color-focus: Highlight;
--highcontrast-button-content-color-hover: HighlightText;
--highcontrast-button-content-color-down: HighlightText;
--highcontrast-button-content-color-focus: HighlightText;
--highcontrast-button-border-color-default: ButtonText;
--highcontrast-button-border-color-hover: Highlight;
--highcontrast-button-border-color-focus: Highlight;
--highcontrast-button-border-color-down: Highlight;
}
}
}

0 comments on commit 135d345

Please sign in to comment.