changed button colors a bit

1 files changed, 14 insertions, 0 deletions

diff --git a/pages/_app.tsx b/pages/_app.tsx
index 8acf76b..aa0e428 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -104,6 +104,20 @@ function MyApp({ Component, pageProps }: AppProps) {
       shadows: {
         outline: '0 0 0 3px ' + borderColor,
       },
+      components: {
+        Button: {
+          variants: {
+            outline: {
+              border: '2px solid',
+              borderColor: 'purple.500',
+              color: 'purple.500',
+            },
+            ghost: {
+              color: 'purple.500',
+            },
+          },
+        },
+      },
     }
   }, [JSON.stringify(emacsTheme)])