refactor(button): use variables instead of css

adobe · Jun 30, 2023 · 9e003c4 · 9e003c4
1 parent 5aab979
commit 9e003c4
Showing 1 changed file with 7 additions and 16 deletions.
diff --git a/components/button/index.css b/components/button/index.css
@@ -255,22 +255,13 @@ a.spectrum-Button {
         --highcontrast-button-content-color-default: ButtonFace;
         --highcontrast-button-background-color-disabled: ButtonFace;
 
-
-
-        /* simplified for a lot of state for high contrast mode */
-        &:active,
-        &:hover,
-        &:focus-ring,
-        &.is-focused {
-          background-color: Highlight;
-        }
-        .spectrum-Button-label {
-          forced-color-adjust: none;
-        }
-
-        &:disabled {
-          background-color: ButtonFace;
-        }
+        --highcontrast-button-background-color-hover: Highlight;
+        --highcontrast-button-background-color-down: Highlight;
+        --highcontrast-button-background-color-focus: Highlight;
+        --highcontrast-button-content-color-hover: ButtonFace;
+        --highcontrast-button-content-color-down: ButtonFace;
+        --highcontrast-button-content-color-focus: ButtonFace;
+
       }
     }
   }