feat(theme): additional globabl styling

regardscitoyens · Dec 6, 2023 · 640d334 · 640d334
1 parent 432387a
commit 640d334
Showing 1 changed file with 34 additions and 4 deletions.
diff --git a/components/ThemeRegistry/theme.ts b/components/ThemeRegistry/theme.ts
@@ -75,6 +75,16 @@ const theme = createTheme({
         }),
       },
     },
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: "4px",
+          ":hover": {
+            backgroundColor: "#F8F9FA",
+          },
+        },
+      },
+    },
     MuiTabs: {
       styleOverrides: {
         indicator: {
@@ -96,29 +106,49 @@ const theme = createTheme({
     },
     MuiAccordion: {
       styleOverrides: {
-        root: {
+        root: ({ ownerState }) => ({
+          borderRadius: "4px",
+          "& .MuiAccordionSummary-root": {
+            backgroundColor:
+              ownerState.color === "secondary" ? "#F8F9FA" : "#FFFFFF",
+          },
+          "& .MuiCollapse-root": {
+            backgroundColor:
+              ownerState.color === "secondary" ? "#F8F9FA" : "#FFFFFF",
+          },
           "&:before": {
             display: "none",
           },
-        },
+        }),
       },
     },
     MuiAccordionSummary: {
       styleOverrides: {
         root: ({ ownerState }) => ({
-          backgroundColor: "#F8F9FA",
           borderRadius: ownerState.expanded ? "4px 4px 0px 0px" : "4px",
         }),
       },
     },
     MuiCollapse: {
       styleOverrides: {
         root: {
-          backgroundColor: "#F8F9FA",
           borderRadius: " 0px 0px 4px 4px",
         },
       },
     },
+    MuiSelect: {
+      styleOverrides: {
+        root: {
+          backgroundColor: "#F8F9FA",
+          "& .MuiInputBase-input": {
+            padding: "4px 32px 4px 8px",
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            border: "none",
+          },
+        },
+      },
+    },
   },
 });