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: {