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 1/3] 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>

From 959e555744f6390a832a65cfb279bd227697641c Mon Sep 17 00:00:00 2001
From: Aryaman Kumar Sharma <kumararyaman26@gmail.com>
Date: Thu, 30 Jan 2025 17:44:28 +0530
Subject: [PATCH 2/3] Fix: Enhance MuiButton disabled state styles in theme

---
 Client/src/Components/Inputs/Image/index.jsx             | 2 +-
 Client/src/Components/TabPanels/Account/ProfilePanel.jsx | 8 +-------
 Client/src/Utils/Theme/globalTheme.js                    | 4 ++++
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/Client/src/Components/Inputs/Image/index.jsx b/Client/src/Components/Inputs/Image/index.jsx
index 46bcfe694..6a16b9300 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.accent.main}
+									color="info"
 									fontWeight={500}
 								>
 									Click to upload
diff --git a/Client/src/Components/TabPanels/Account/ProfilePanel.jsx b/Client/src/Components/TabPanels/Account/ProfilePanel.jsx
index 7b94c5b16..e20cb13a4 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="accent"
+						color="info"
 						onClick={removePicture}
 					>
 						Remove
@@ -460,12 +460,6 @@ const ProfilePanel = () => {
 								? true
 								: false
 						}
-						sx={{
-							"&.Mui-disabled": {
-								backgroundColor: theme.palette.primary.lowContrast,
-								color: theme.palette.primary.main,
-							},
-						}}
 					>
 						Update
 					</Button>
diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index 12c377b3e..8805fe69f 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -110,6 +110,10 @@ const baseTheme = (palette) => ({
 					"&:hover": {
 						boxShadow: "none",
 					},
+					"&.Mui-disabled": {
+						backgroundColor: theme.palette.secondary.main,
+						color: theme.palette.primary.main,
+					},
 					"&.MuiLoadingButton-root": {
 						"&:disabled": {
 							backgroundColor: theme.palette.secondary.main,

From 263427dab3ec2fb59f5deaadd5371989590d4c68 Mon Sep 17 00:00:00 2001
From: Aryaman Kumar Sharma <kumararyaman26@gmail.com>
Date: Thu, 6 Feb 2025 10:48:14 +0530
Subject: [PATCH 3/3] Fix: Disabled button color theme

---
 Client/src/Utils/Theme/globalTheme.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js
index 7f90705d0..bfa26a0e6 100644
--- a/Client/src/Utils/Theme/globalTheme.js
+++ b/Client/src/Utils/Theme/globalTheme.js
@@ -130,7 +130,7 @@ const baseTheme = (palette) => ({
 					},
 					"&.Mui-disabled": {
 						backgroundColor: theme.palette.secondary.main,
-						color: theme.palette.primary.main,
+						color: theme.palette.primary.contrastText,
 					},
 					"&.MuiLoadingButton-root": {
 						"&:disabled": {