diff options
author | Thomas F. K. Jorna <thomasfkjorna@gmail.com> | 2021-07-28 14:48:13 +0200 |
---|---|---|
committer | Thomas F. K. Jorna <thomasfkjorna@gmail.com> | 2021-07-28 14:48:13 +0200 |
commit | 49aee30dccde55e331b06232703dcd386efd72f3 (patch) | |
tree | aff01585ebdea90735d3c311e441dbc26842f508 | |
parent | 13b121332a9ba5132e70c62a545fa58b9e07ddfa (diff) |
changed button colors a bit
-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)]) |