[components] add button dark theme variant (#451)

* add dark theme variant * Create twenty-yaks-smash.md
status-im · Jul 2, 2023 · 67a6846 · 67a6846 · vercel · Jul 2, 2023
1 parent f1715ce
commit 67a6846
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/twenty-yaks-smash.md 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
@@ -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: {