fix blur button icon color (#598)

* add * f * f * Create serious-carpets-promise.md
status-im · Oct 10, 2024 · a3f9252 · a3f9252
1 parent aeee77e
commit a3f9252
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/.changeset/serious-carpets-promise.md b/.changeset/serious-carpets-promise.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix `<Button />` icon color for blur variant
diff --git a/packages/components/src/button/button.tsx b/packages/components/src/button/button.tsx
@@ -143,16 +143,18 @@ const iconStyles = cva({
     variant: {
       primary: ['text-blur-white/70'],
       positive: ['text-blur-white/70'],
-      grey: ['text-neutral-50'],
-      darkGrey: [
+      grey: [
         'text-neutral-50',
+        'blur:text-neutral-80/40',
         'dark:text-neutral-40',
-        'blur:dark:text-neutral-80/40',
+        'blur:dark:text-white-40',
       ],
+      darkGrey: ['text-neutral-40'],
       outline: [
         'text-neutral-50',
+        'blur:text-neutral-80/40',
         'dark:text-neutral-40',
-        'blur:dark:text-neutral-80/40',
+        'blur:dark:text-white-40',
       ],
       ghost: ['text-neutral-50'],
       danger: ['text-blur-white/70'],