matched button hover styling for dark toggle

2022-11-16 21:49:31 -08:00 · 2022-11-16 21:49:31 -08:00 · ecb4f6a9ce
parent 8e6023c60b
commit ecb4f6a9ce
1 changed files with 4 additions and 0 deletions
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@ -100,6 +100,10 @@ export const Header: FC = () => {
          borderRight={{ base: '2px', md: 'none' }}
          borderColor='primary'
          onClick={toggleColorMode}
+          _hover={{
+            bg: 'primary',
+            svg: { color: 'bg' }
+          }}
        >
          {isDark ? <SunIcon color='primary' /> : <MoonIcon color='primary' />}
        </Box>