From 135d345a437e08becc2bf4aad3b9a5ec69c73b4b Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Fri, 13 Sep 2024 13:45:18 -0700 Subject: [PATCH] fix(button): adjusts outline border hover behavior in high contrast mode --- components/button/index.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/components/button/index.css b/components/button/index.css index 26ae1fa07dc..8e7bdce0d8b 100644 --- a/components/button/index.css +++ b/components/button/index.css @@ -310,6 +310,10 @@ 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; @@ -317,9 +321,11 @@ a.spectrum-Button { --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; @@ -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; } } }