fix piece docs colors

Tauffer-Consulting · Mar 19, 2024 · 515f137 · 515f137
1 parent e5c3500
commit 515f137
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx b/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx
@@ -1,6 +1,7 @@
 import CloseIcon from "@mui/icons-material/Close";
 import DragHandleIcon from "@mui/icons-material/DragHandle";
 import { Popover, IconButton, Typography } from "@mui/material";
+import theme from "providers/theme.config";
 import React from "react";
 import Draggable from "react-draggable";
 
@@ -84,7 +85,7 @@ const PieceDocsPopover: React.FC<PieceDocsPopoverProps> = ({
           paddingBottom: "2rem",
           overflow: "hidden",
           "& .popover-handle": {
-            backgroundColor: "#323C3D",
+            backgroundColor: 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
@@ -1,5 +1,6 @@
 import HelpIcon from "@mui/icons-material/Help";
 import { Box, Typography, IconButton } from "@mui/material";
+import theme from "providers/theme.config";
 import React, { type FC, useState } from "react";
 
 import PieceDocsPopover from "./pieceDocsPopover";
@@ -60,7 +61,9 @@ const PiecesSidebarNode: FC<{
         </Typography>
 
         <IconButton sx={{ padding: 0 }} onClick={handlePopoverOpen}>
-          <HelpIcon sx={{ height: "20px" }} />
+          <HelpIcon
+            sx={{ height: "20px", color: theme.palette.primary.main }}
+          />
         </IconButton>
       </div>