From 9e1112a94e7a5396dbc45b9798d1b0024ed1ad5d Mon Sep 17 00:00:00 2001
From: sumn2u <sumn2u@gmail.com>
Date: Sun, 28 Jul 2024 00:45:18 -0500
Subject: [PATCH] fix   background of download list in dark mode

---
 client/src/workspace/DownloadButton/index.jsx | 5 ++++-
 client/src/workspace/HeaderButton/index.jsx   | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/workspace/DownloadButton/index.jsx b/client/src/workspace/DownloadButton/index.jsx
index 410886b..a12d720 100644
--- a/client/src/workspace/DownloadButton/index.jsx
+++ b/client/src/workspace/DownloadButton/index.jsx
@@ -13,6 +13,7 @@ import { hexToRgbTuple } from "../../utils/color-utils.js"
 import HeaderButton from "../HeaderButton/index.jsx"
 import { useTranslation } from "react-i18next"
 import config from "../../config.js"
+import { useTheme } from '../../ThemeContext'
 
 const DownloadButton = ({
   selectedImageName,
@@ -97,7 +98,7 @@ const DownloadButton = ({
         showSnackbar(t("error.downloading_file"), "error")
       })
   }
-
+  const { theme } = useTheme();
   return (
     <>
       <HeaderButton
@@ -114,6 +115,8 @@ const DownloadButton = ({
         anchorEl={anchorEl}
         open={Boolean(anchorEl)}
         onClose={handleClose}
+        sx={{ mt: "1px", "& .MuiMenu-paper":  theme === "dark" ? { backgroundColor: "#333", color: "#fff" } : {}, 
+      }}
       >
         <MenuItem
           onClick={() => handleDownload("configuration")}
diff --git a/client/src/workspace/HeaderButton/index.jsx b/client/src/workspace/HeaderButton/index.jsx
index c4001b3..9749231 100644
--- a/client/src/workspace/HeaderButton/index.jsx
+++ b/client/src/workspace/HeaderButton/index.jsx
@@ -70,7 +70,6 @@ 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}>