From a3f9252b90290ca17c9b4078366bb1fd8ef6aa1d Mon Sep 17 00:00:00 2001
From: pavel <14926950+prichodko@users.noreply.github.com>
Date: Thu, 10 Oct 2024 16:04:16 +0200
Subject: [PATCH] fix blur button icon color (#598)

* add

* f

* f

* Create serious-carpets-promise.md
---
 .changeset/serious-carpets-promise.md     |  5 +++++
 packages/components/src/button/button.tsx | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/serious-carpets-promise.md

diff --git a/.changeset/serious-carpets-promise.md b/.changeset/serious-carpets-promise.md
new file mode 100644
index 000000000..3cb5f8afd
--- /dev/null
+++ 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
index 2d19c7de7..aae7cad2d 100644
--- 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'],