fix: dark mode

Tauffer-Consulting · May 13, 2024 · b155c97 · b155c97
1 parent 3d02503
commit b155c97
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 28 deletions.
diff --git a/frontend/src/context/theme/theme.config.ts b/frontend/src/context/theme/theme.config.ts
@@ -83,13 +83,13 @@ export const lightTheme = createTheme({
 export const darkTheme = createTheme({
   palette: {
     mode: "dark",
-    primary: {
+    secondary: {
       main: "#283D52",
       light: "#6088B0",
       dark: "#1B2937",
       contrastText: "#FFFFFF",
     },
-    secondary: {
+    primary: {
       main: "#00B140",
       light: "#00E052",
       dark: "#008F34",
@@ -133,27 +133,7 @@ export const darkTheme = createTheme({
     },
   },
   components: {
-    MuiCheckbox: {
-      defaultProps: {
-        color: "secondary",
-      },
-    },
-    MuiTextField: {
-      defaultProps: {
-        color: "secondary",
-      },
-    },
-    MuiSelect: {
-      defaultProps: {
-        color: "secondary",
-      },
-      styleOverrides: {
-        root: {
-          "&.MuiDisabled": "secondary.dark",
-        },
-      },
-    },
-    MuiInputLabel: {
+    MuiButton: {
       defaultProps: {
         color: "secondary",
       },

diff --git a/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx b/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx
@@ -87,7 +87,10 @@ const PieceDocsPopover: React.FC<PieceDocsPopoverProps> = ({
             paddingBottom: "2rem",
             overflow: "hidden",
             "& .popover-handle": {
-              backgroundColor: theme.palette.primary.main,
+              backgroundColor:
+                theme.palette.mode === "dark"
+                  ? theme.palette.secondary.main
+                  : theme.palette.primary.main,
               padding: "0.5rem",
               "& .drag-handle": {
                 cursor: "move",

diff --git a/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/sidebarNode.tsx b/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/sidebarNode.tsx
@@ -64,10 +64,7 @@ const PiecesSidebarNode: FC<{
           <HelpIcon
             sx={{
               height: "20px",
-              color:
-                theme.palette.mode === "light"
-                  ? theme.palette.primary.main
-                  : theme.palette.secondary.main,
+              color: theme.palette.primary.main,
             }}
           />
         </IconButton>