From 67a68469db82b67767331b4238be4e554d90dc4e Mon Sep 17 00:00:00 2001
From: Pavel <14926950+prichodko@users.noreply.github.com>
Date: Sun, 2 Jul 2023 18:50:49 +0100
Subject: [PATCH] [components] add button dark theme variant (#451)

* add dark theme variant

* Create twenty-yaks-smash.md
---
 .changeset/twenty-yaks-smash.md           |  5 +++++
 packages/components/src/button/button.tsx | 10 ++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 .changeset/twenty-yaks-smash.md

diff --git a/.changeset/twenty-yaks-smash.md b/.changeset/twenty-yaks-smash.md
new file mode 100644
index 00000000..a8226ae1
--- /dev/null
+++ b/.changeset/twenty-yaks-smash.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+[components] add dark theme variant
diff --git a/packages/components/src/button/button.tsx b/packages/components/src/button/button.tsx
index 77f49172..d9b2c926 100644
--- a/packages/components/src/button/button.tsx
+++ b/packages/components/src/button/button.tsx
@@ -43,6 +43,9 @@ const textColors: MapVariant<typeof Base, 'variant'> = {
   magenta: '$white-100',
   yin: '$white-100',
   yang: '$neutral-100',
+
+  // dark theme
+  dark_darkGrey: '$white-100',
 }
 
 const textSizes: Record<NonNullable<Props['size']>, TextProps['size']> = {
@@ -214,6 +217,13 @@ const Base = styled(View, {
         hoverStyle: { backgroundColor: '$yang-60' },
         pressStyle: { backgroundColor: '$yang-50' },
       },
+
+      // FIXME: DARK THEME
+      dark_darkGrey: {
+        backgroundColor: '$neutral-90',
+        hoverStyle: { backgroundColor: '$neutral-60' },
+        pressStyle: { backgroundColor: '$neutral-50' },
+      },
     },
 
     disabled: {