fix: dark mode outlined button

Tauffer-Consulting · May 14, 2024 · edcd47c · edcd47c
1 parent b155c97
commit edcd47c
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/frontend/src/context/theme/theme.config.ts b/frontend/src/context/theme/theme.config.ts
@@ -137,6 +137,22 @@ export const darkTheme = createTheme({
       defaultProps: {
         color: "secondary",
       },
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...((ownerState.variant === "outlined" ||
+            ownerState.variant === "text") &&
+            ownerState.color === "secondary" && {
+              color: "#00B140",
+              borderColor: "#00B140",
+            }),
+          ...((ownerState.variant === "outlined" ||
+            ownerState.variant === "text") &&
+            ownerState.color === "primary" && {
+              color: "#283D52",
+              borderColor: "#283D52",
+            }),
+        }),
+      },
     },
   },
 });