Merge pull request #1662 from Br0wnHammer/fix/fe/profilepanel-ui

Fix: Ensure profile panel text and button visibility in dark mode

Client/src/Components/Inputs/Image/index.jsx

@@ -106,7 +106,7 @@ const ImageField = ({ id, src, loading, onChange, error, isRound = true, maxSize
 								<Typography
 									component="span"
 									fontSize="inherit"
-									color={theme.palette.primary.main}
+									color="info"
 									fontWeight={500}
 								>
 									Click to upload

Client/src/Utils/Theme/globalTheme.js

@@ -128,6 +128,10 @@ const baseTheme = (palette) => ({
 					"&:hover": {
 						boxShadow: "none",
 					},
+					"&.Mui-disabled": {
+						backgroundColor: theme.palette.secondary.main,
+						color: theme.palette.primary.contrastText,
+					},
 					"&.MuiLoadingButton-root": {
 						"&:disabled": {
 							backgroundColor: theme.palette.secondary.main,