Fix themes

Author: djhi

packages/ra-ui-materialui/src/theme/bwTheme.ts

@@ -144,6 +144,37 @@ const createBWTheme = (mode: 'light' | 'dark'): ThemeOptions => {
             },
             MuiIconButton: {
                 defaultProps: { disableRipple: true },
+                styleOverrides: {
+                    root: {
+                        textTransform: 'none',
+                        boxShadow: 'none',
+                    },
+                    colorPrimary: {
+                        '&:hover': {
+                            backgroundColor: GREY,
+                        },
+                    },
+                    colorSuccess: {
+                        borderColor: isDarkMode
+                            ? alpha(green['500'], 0.7)
+                            : alpha(green['800'], 0.5),
+                        '&:hover': {
+                            borderColor: isDarkMode
+                                ? green['500']
+                                : green['800'],
+                        },
+                    },
+                    colorError: {
+                        borderColor: isDarkMode
+                            ? alpha(deepOrange['600'], 0.7)
+                            : alpha(red['900'], 0.5),
+                        '&:hover': {
+                            borderColor: isDarkMode
+                                ? deepOrange['600']
+                                : red['900'],
+                        },
+                    },
+                },
             },
             MuiListItemButton: {
                 defaultProps: { disableRipple: true },

packages/ra-ui-materialui/src/theme/houseTheme.ts

@@ -61,7 +61,7 @@ const componentsOverrides = (theme: Theme): ThemeOptions['components'] => ({
                 },
                 '&.Mui-selected, &.Mui-selected:hover': {
                     color: theme.palette.primary.contrastText,
-                    zIndex: 5,
+                    zIndex: 2,
                 },
                 '&:hover': {
                     color: theme.palette.primary.main,
@@ -165,6 +165,13 @@ const componentsOverrides = (theme: Theme): ThemeOptions['components'] => ({
             fullWidth: true,
         },
     },
+    RaBulkActionsToolbar: {
+        styleOverrides: {
+            toolbar: {
+                zIndex: 10,
+            },
+        },
+    },
 });
 
 const alert = {

packages/ra-ui-materialui/src/theme/radiantTheme.ts

@@ -144,6 +144,13 @@ const componentsOverrides = (theme: Theme): ThemeOptions['components'] => {
                 fullWidth: true,
             },
         },
+        RaBulkActionsToolbar: {
+            styleOverrides: {
+                toolbar: {
+                    zIndex: 10,
+                },
+            },
+        },
     };
 };