fix: styling

sfbrigade · Nov 15, 2024 · a59419e · a59419e
1 parent 601dbb2
commit a59419e
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src/theme.ts b/src/theme.ts
@@ -202,5 +202,36 @@ export const compassTheme = createTheme({
         }),
       },
     },
+    MuiSelect: {
+      styleOverrides: {
+        root: {
+          "& .MuiOutlinedInput-notchedOutline": {
+            borderColor: "var(--primary)",
+            borderWidth: "1px",
+          },
+          "&.Mui-focused": {
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--primary)",
+              borderWidth: "2px",
+            },
+          },
+          "&:hover:not(.Mui-focused)": {
+            "& .MuiOutlinedInput-notchedOutline": {
+              borderColor: "var(--grey-10)",
+            },
+          },
+        },
+      },
+    },
+    MuiInputLabel: {
+      styleOverrides: {
+        root: {
+          color: "var(--grey-10)",
+          "&.Mui-focused": {
+            color: "var(--primary)",
+          },
+        },
+      },
+    },
   },
 });