style(button): change the colors for the accent variant to be purple (#…

…1974) Co-authored-by: Julian Skinner <[email protected]>
Kajabi · Sep 5, 2024 · db71f66 · db71f66
1 parent 50d85a8
commit db71f66
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/sage-assets/lib/stylesheets/components/_button.scss b/packages/sage-assets/lib/stylesheets/components/_button.scss
@@ -26,24 +26,24 @@ $-btn-base-styles: (
   accent: (
     default: (
       color: sage-color(white),
-      background-color: sage-color(primary, 300),
-      border-color: sage-color(primary, 300),
+      background-color: sage-color(purple, 50),
+      border-color: sage-color(purple, 50),
       ring-color: sage-color(purple, 30),
     ),
     hover: (
       color: sage-color(white),
-      background-color: sage-color(primary, 400),
-      border-color: sage-color(primary, 400),
+      background-color: sage-color(purple, 60),
+      border-color: sage-color(purple, 60),
     ),
     focus: (
       color: sage-color(white),
-      background-color: sage-color(primary, 300),
-      border-color: sage-color(primary, 300),
+      background-color: sage-color(purple, 50),
+      border-color: sage-color(purple, 50),
     ),
     disabled: (
-      color: sage-color(primary, 200),
-      background-color: sage-color(primary, 100),
-      border-color: sage-color(primary, 100),
+      color: sage-color(purple, 30),
+      background-color: sage-color(purple, 15),
+      border-color: sage-color(purple, 15),
     )
   ),
   primary: (