From bcc541c5e2bc5c828caec50e7cdb6f41a781712a Mon Sep 17 00:00:00 2001
From: sumn2u <sumn2u@gmail.com>
Date: Sun, 28 Jul 2024 00:12:56 -0500
Subject: [PATCH] fix dark download and save buttons

---
 client/src/workspace/HeaderButton/index.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/workspace/HeaderButton/index.jsx b/client/src/workspace/HeaderButton/index.jsx
index d51b791..c4001b3 100644
--- a/client/src/workspace/HeaderButton/index.jsx
+++ b/client/src/workspace/HeaderButton/index.jsx
@@ -33,9 +33,9 @@ const ButtonInnerContent = styled("div")(({ theme }) => ({
   flexDirection: "column",
 }))
 const IconContainer = styled("div")(({defaultTheme, theme, textHidden, disabled }) => ({
-  color: disabled
+  color: disabled && theme === "light"
   ? defaultTheme.palette.action.disabled
-  : theme === "dark"
+  : theme === "dark" && !disabled
   ? colors.grey[200]
   :  colors.grey[700],
   height: textHidden ? 32 : 20,
@@ -48,10 +48,10 @@ const IconContainer = styled("div")(({defaultTheme, theme, textHidden, disabled
 const Text = styled("div")(({ defaultTheme, theme, disabled }) => ({
   fontWeight: "bold",
   fontSize: 11,
-  color: disabled
+  color: disabled && theme === "light"
   ? defaultTheme.palette.action.disabled
-  : theme === "dark"
-  ? colors.grey[200]
+  : theme === "dark" && !disabled
+  ? colors.grey[300]
   :  colors.grey[700],
   display: "flex",
   alignItems: "center",
@@ -70,6 +70,7 @@ export const HeaderButton = ({
   const customIconMapping = useIconDictionary()
   const isSmallDevice = useMediaQuery(defaultTheme.breakpoints.down("sm"))
   const { theme } = useTheme();
+  console.log(defaultTheme, theme, 'defaultTheme')
   return (
     <ThemeProvider theme={defaultTheme}>
       <StyledButton onClick={onClick} disabled={disabled}>