fix dark download and save buttons

sumn2u · Jul 28, 2024 · bcc541c · bcc541c
1 parent bd40461
commit bcc541c
Showing 1 changed file with 6 additions and 5 deletions.
diff --git 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}>