fix(button): fixed button text color active/disabled on Safari and iOs (

#1291)
alfa-laboratory · Jul 27, 2021 · 010e5f2 · 010e5f2
1 parent d61d31e
commit 010e5f2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/button/button_theme_alfa-dark.css b/src/button/button_theme_alfa-dark.css
@@ -32,7 +32,7 @@
             background: var(--color-dark-bg-secondary-inverted);
 
             .button__text {
-                color: var(--color-dark-text-tertiary-inverted-transparent);
+                opacity: 0.2;
             }
         }
     }
@@ -62,7 +62,7 @@
             background: var(--color-dark-bg-secondary-inverted);
 
             .button__text {
-                color: var(--color-dark-text-tertiary-inverted-transparent);
+                opacity: 0.2;
             }
         }
     }
@@ -77,7 +77,7 @@
         background: var(--color-dark-bg-secondary);
 
         .button__text {
-            color: var(--color-dark-text-disabled-transparent);
+            opacity: 0.2;
         }
     }
 }
diff --git a/src/button/button_theme_alfa-light.css b/src/button/button_theme_alfa-light.css
@@ -32,7 +32,7 @@
             background: var(--color-light-bg-secondary-inverted);
 
             .button__text {
-                color: var(--color-light-text-tertiary-inverted-transparent);
+                opacity: 0.2;
             }
         }
     }
@@ -62,7 +62,7 @@
             background: var(--color-light-bg-secondary-inverted);
 
             .button__text {
-                color: var(--color-light-text-tertiary-inverted-transparent);
+                opacity: 0.2;
             }
         }
     }
@@ -77,7 +77,7 @@
         background: var(--color-light-bg-secondary);
 
         .button__text {
-            color: var(--color-light-text-disabled-transparent);
+            opacity: 0.2;
         }
     }
 }
diff --git a/src/button/button_theme_alfa-on-color.css b/src/button/button_theme_alfa-on-color.css
@@ -95,7 +95,7 @@
         border-color: transparent;
 
         .button__text {
-            color: var(--color-content-disabled-alfa-on-color);
+            opacity: 0.4;
         }
     }
 }