style(button): adjust colors for fill + info/success + disabled buttons

decrease contrast between border and background increase contrast between text and background
globalbrain · Oct 5, 2024 · ecb38f7 · ecb38f7
1 parent 0fe3f7f
commit ecb38f7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/docs/components/button.md b/docs/components/button.md
@@ -496,9 +496,9 @@ The component has several different styles based on its type and color combinati
   --button-fill-info-active-border-color: var(--c-border-info-3);
   --button-fill-info-active-text-color: var(--c-white-1);
   --button-fill-info-active-bg-color: var(--c-bg-info-3);
-  --button-fill-info-disabled-border-color: var(--c-border-info-1);
-  --button-fill-info-disabled-text-color: var(--c-white-a3);
-  --button-fill-info-disabled-content-color: var(--c-white-a3);
+  --button-fill-info-disabled-border-color: var(--c-blue-9);
+  --button-fill-info-disabled-text-color: var(--c-white-a2);
+  --button-fill-info-disabled-content-color: var(--c-white-a2);
   --button-fill-info-disabled-bg-color: var(--c-info-bg-dark);
 
   --button-fill-success-border-color: var(--c-border-success-1);
@@ -512,9 +512,9 @@ The component has several different styles based on its type and color combinati
   --button-fill-success-active-border-color: var(--c-border-success-3);
   --button-fill-success-active-text-color: var(--c-white);
   --button-fill-success-active-bg-color: var(--c-bg-success-3);
-  --button-fill-success-disabled-border-color: var(--c-border-success-1);
-  --button-fill-success-disabled-text-color: var(--c-white-a3);
-  --button-fill-success-disabled-content-color: var(--c-white-a3);
+  --button-fill-success-disabled-border-color: var(--c-green-9);
+  --button-fill-success-disabled-text-color: var(--c-white-a2);
+  --button-fill-success-disabled-content-color: var(--c-white-a2);
   --button-fill-success-disabled-bg-color: var(--c-success-bg-dark);
 
   --button-fill-warning-border-color: var(--c-border-mute-1);

diff --git a/lib/styles/variables.css b/lib/styles/variables.css
@@ -507,9 +507,9 @@
   --button-fill-info-active-border-color: var(--c-border-info-3);
   --button-fill-info-active-text-color: var(--c-white-1);
   --button-fill-info-active-bg-color: var(--c-bg-info-3);
-  --button-fill-info-disabled-border-color: var(--c-border-info-1);
-  --button-fill-info-disabled-text-color: var(--c-white-a3);
-  --button-fill-info-disabled-content-color: var(--c-white-a3);
+  --button-fill-info-disabled-border-color: var(--c-blue-9);
+  --button-fill-info-disabled-text-color: var(--c-white-a2);
+  --button-fill-info-disabled-content-color: var(--c-white-a2);
   --button-fill-info-disabled-bg-color: var(--c-blue-8);
 
   --button-fill-success-border-color: var(--c-border-success-1);
@@ -523,9 +523,9 @@
   --button-fill-success-active-border-color: var(--c-border-success-3);
   --button-fill-success-active-text-color: var(--c-white);
   --button-fill-success-active-bg-color: var(--c-bg-success-3);
-  --button-fill-success-disabled-border-color: var(--c-border-success-1);
-  --button-fill-success-disabled-text-color: var(--c-white-a3);
-  --button-fill-success-disabled-content-color: var(--c-white-a3);
+  --button-fill-success-disabled-border-color: var(--c-green-9);
+  --button-fill-success-disabled-text-color: var(--c-white-a2);
+  --button-fill-success-disabled-content-color: var(--c-white-a2);
   --button-fill-success-disabled-bg-color: var(--c-green-8);
 
   --button-fill-warning-border-color: var(--c-border-mute-1);