highlighted Buttons have unreadable text fixes #27

Riverscapes · Dec 18, 2024 · 12ae10a · 12ae10a
1 parent e58c52b
commit 12ae10a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/theme/src/muiTheme.tsx b/theme/src/muiTheme.tsx
@@ -1,7 +1,7 @@
 /**
  * Custom MUI theme for Riverscapes website
  */
-import { SxProps, createTheme } from '@mui/material'
+import { SxProps, createTheme, lighten } from '@mui/material'
 
 declare module '@mui/material/styles' {
   interface TypographyVariants {
@@ -176,7 +176,8 @@ export const theme = createTheme({
             fontSize: '1.375rem',
           },
           '&:hover': {
-            backgroundColor: 'transparent',
+            color: '#fff',
+            backgroundColor: lighten(defaultTheme.palette.info.light, 0.2),
           },
         },
       },