From 515f1376b5dc374c44d1d90d00897322ff5decca Mon Sep 17 00:00:00 2001
From: vinicvaz <vinicvaz95@gmail.com>
Date: Tue, 19 Mar 2024 13:49:08 -0300
Subject: [PATCH] fix piece docs colors

---
 .../components/Drawers/PiecesDrawer/pieceDocsPopover.tsx     | 3 ++-
 .../components/Drawers/PiecesDrawer/sidebarNode.tsx          | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx b/frontend/src/features/workflowEditor/components/Drawers/PiecesDrawer/pieceDocsPopover.tsx
index 72a15991..665b2eaa 100644
--- 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
index 5b0431c9..44f05867 100644
--- 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>