From 49aee30dccde55e331b06232703dcd386efd72f3 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Wed, 28 Jul 2021 14:48:13 +0200
Subject: changed button colors a bit

---
 components/tweaks.tsx |  4 ++--
 pages/_app.tsx        | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/tweaks.tsx b/components/tweaks.tsx
index 90b2aea..7e5fd6c 100644
--- a/components/tweaks.tsx
+++ b/components/tweaks.tsx
@@ -82,10 +82,10 @@ export const Tweaks = (props: TweakProps) => {
               <Button
                 onClick={() => setThreeDim(!threeDim)}
                 colorScheme="purple"
-                variant={threeDim ? 'solid' : 'outline'}
+                variant="ghost"
                 zIndex="overlay"
               >
-                {threeDim ? '2D' : '3D'}
+                {threeDim ? '3D' : '2D'}
               </Button>
             </Tooltip>
             <Box display="flex" alignItems="center">
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)])
 
-- 
cgit v1.2.3