🎨 Update theme (#666)

frontend/src/theme.tsx

@@ -1,5 +1,11 @@
 import { extendTheme } from '@chakra-ui/react'
 
+const disabledStyles = {
+  _disabled: {
+    backgroundColor: 'ui.main',
+  },
+}
+
 const theme = extendTheme({
   colors: {
     ui: {
@@ -7,9 +13,37 @@ const theme = extendTheme({
       secondary: '#EDF2F7',
       success: '#48BB78',
       danger: '#E53E3E',
+      light: '#E2E8F0',
+      dark: '#1A202C',
+      white: '#FFFFFF',
+      darkSlate: '#252D3D',
     },
   },
   components: {
+    Button: {
+      variants: {
+        primary: {
+          backgroundColor: 'ui.main',
+          color: 'ui.white',
+          _hover: {
+            backgroundColor: '#00766C',
+          },
+          _disabled: {
+            ...disabledStyles,
+            _hover: {
+              ...disabledStyles,
+            },
+          },
+        },
+        danger: {
+          backgroundColor: 'ui.danger',
+          color: 'ui.white',
+          _hover: {
+            backgroundColor: '#E32727',
+          },
+        },
+      },
+    },
     Tabs: {
       variants: {
         enclosed: {