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] 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,