Improved shading of list selects.

2024-10-06 03:24:48 -04:00
parent 472703627e
commit 8304660894
4 changed files with 151 additions and 3 deletions
@@ -102,6 +102,19 @@ const theme = createTheme(
        :
        {
            components: {
+                /* make the selection state for MuiListItemButtons a smidgen darker (light theme only) */
+                MuiListItemButton: {
+                    styleOverrides: {
+                    root: ({ theme }) => ({
+                        '&.Mui-selected': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.2)', // Adjust for desired darkness
+                        '&:hover': {
+                            backgroundColor: 'rgba(0, 0, 0, 0.25)', // Slightly darker on hover
+                        },
+                        },
+                    }),
+                    },
+                },
                MuiButton: {
                    styleOverrides: {
                        containedPrimary: {