From e909ded47f8a9849025c4e6f0a06bbaabbacf2f9 Mon Sep 17 00:00:00 2001
From: Igor Matuszewski <xanewok@gmail.com>
Date: Mon, 4 Apr 2022 17:13:51 +0200
Subject: [PATCH] Style buttons like in the live app version

---
 src/styles/customTheme.ts | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/styles/customTheme.ts b/src/styles/customTheme.ts
index 2cbc996..5c58ba8 100644
--- a/src/styles/customTheme.ts
+++ b/src/styles/customTheme.ts
@@ -100,27 +100,24 @@ const customTheme = extendTheme({
             },
             variants: {
                 solid: {
-                    color: 'white',
-                    bg: '#7c41ea',
-                    boxShadow: '0 -3px 0 0 #703bd3, 0 3px 0 0 #4c2398, -3px 0 0 0 #6331c0, 3px 0 0 0 #6331c0, 0 0 0 3px #0f0c1b, 0 -6px 0 0 #0f0c1b, 0 6px 0 0 #0f0c1b, -6px 0 0 0 #0f0c1b, 6px 0 0 0 #0f0c1b',
+                    textColor: 'white',
+                    bg: "rgb(49 54 176)",
+                    boxShadow: '0 -2px 0 0 #474cc3, 0 2px 0 0 #22268e, -2px 0 0 0 #393eba, 2px 0 0 0 #393eba, 0 0 0 2px #0f0c1b, 0 -4px 0 0 #0f0c1b, 0 4px 0 0 #0f0c1b, -4px 0 0 0 #0f0c1b, 4px 0 0 0 #0f0c1b',
                     borderRadius: '1px',
                     _focus: {
-                        boxShadow: '0 -3px 0 0 #703bd3, 0 3px 0 0 #4c2398, -3px 0 0 0 #6331c0, 3px 0 0 0 #6331c0, 0 0 0 3px #0f0c1b, 0 -6px 0 0 #0f0c1b, 0 6px 0 0 #0f0c1b, -6px 0 0 0 #0f0c1b, 6px 0 0 0 #0f0c1b'
-                    },
-                    _active: {
-                        bg: '#7c41ea'
+                        boxShadow: '0 -2px 0 0 #474cc3, 0 2px 0 0 #22268e, -2px 0 0 0 #393eba, 2px 0 0 0 #393eba, 0 0 0 2px #0f0c1b, 0 -4px 0 0 #0f0c1b, 0 4px 0 0 #0f0c1b, -4px 0 0 0 #0f0c1b, 4px 0 0 0 #0f0c1b',
                     },
                     _hover: {
-                        bg: '#7c41ea',
-                        transform: 'scale(1.07)',
+                        bg: "rgb(49 54 176)",
+                        filter: "brightness(1.25)",
                         _disabled: {
-                            bg: '#7c41ea',
-                            transform: 'none'
+                            bg: "rgb(49 54 176)",
+                            filter: "brightness(1)",
                         }
                     },
                     _disabled: {
-                        opacity: 1,
-                        boxShadow: '0 -3px 0 0 #703bd3, 0 3px 0 0 #4c2398, -3px 0 0 0 #6331c0, 3px 0 0 0 #6331c0, 0 0 0 3px #0f0c1b, 0 -6px 0 0 #0f0c1b, 0 6px 0 0 #0f0c1b, -6px 0 0 0 #0f0c1b, 6px 0 0 0 #0f0c1b'
+                        opacity: 0.80,
+                        boxShadow: '0 -2px 0 0 #474cc3, 0 2px 0 0 #22268e, -2px 0 0 0 #393eba, 2px 0 0 0 #393eba, 0 0 0 2px #0f0c1b, 0 -4px 0 0 #0f0c1b, 0 4px 0 0 #0f0c1b, -4px 0 0 0 #0f0c1b, 4px 0 0 0 #0f0c1b',
                     }
                 }
             }