From 7835b852c5de5b028e6d0f4afffa1d4e24782cf1 Mon Sep 17 00:00:00 2001
From: Aryaman Kumar Sharma <kumararyaman26@gmail.com>
Date: Thu, 30 Jan 2025 01:41:19 +0530
Subject: [PATCH] Fix: Ensure profile panel text and button visibility in dark
 mode

---
 Client/src/Components/Inputs/Image/index.jsx             | 2 +-
 Client/src/Components/TabPanels/Account/ProfilePanel.jsx | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/Client/src/Components/Inputs/Image/index.jsx b/Client/src/Components/Inputs/Image/index.jsx
index a955a8ad6..46bcfe694 100644
--- a/Client/src/Components/Inputs/Image/index.jsx
+++ b/Client/src/Components/Inputs/Image/index.jsx
@@ -99,7 +99,7 @@ const ImageField = ({ id, src, loading, onChange }) => {
 								<Typography
 									component="span"
 									fontSize="inherit"
-									color={theme.palette.primary.main}
+									color={theme.palette.accent.main}
 									fontWeight={500}
 								>
 									Click to upload
diff --git a/Client/src/Components/TabPanels/Account/ProfilePanel.jsx b/Client/src/Components/TabPanels/Account/ProfilePanel.jsx
index e20cb13a4..7b94c5b16 100644
--- a/Client/src/Components/TabPanels/Account/ProfilePanel.jsx
+++ b/Client/src/Components/TabPanels/Account/ProfilePanel.jsx
@@ -445,7 +445,7 @@ const ProfilePanel = () => {
 				>
 					<Button
 						variant="text"
-						color="info"
+						color="accent"
 						onClick={removePicture}
 					>
 						Remove
@@ -460,6 +460,12 @@ const ProfilePanel = () => {
 								? true
 								: false
 						}
+						sx={{
+							"&.Mui-disabled": {
+								backgroundColor: theme.palette.primary.lowContrast,
+								color: theme.palette.primary.main,
+							},
+						}}
 					>
 						Update
 					</Button>