diff options
-rw-r--r-- | components/tweaks.tsx | 4 | ||||
-rw-r--r-- | 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)]) |