feat: fixing colors

Client/src/Pages/Monitors/Details/Charts/index.jsx

@@ -246,13 +246,13 @@ const ResponseGaugeChart = ({ data }) => {
 			? {
 					category: "Excellent",
 					main: theme.palette.success.main,
-					bg: theme.palette.success.dark,
+					bg: theme.palette.success.contrastText,
 				}
 			: responseTime <= 500
 				? {
 						category: "Fair",
 						main: theme.palette.success.main,
-						bg: theme.palette.success.dark,
+						bg: theme.palette.success.contrastText,
 					}
 				: responseTime <= 600
 					? {

Client/src/Pages/Monitors/utils.jsx

@@ -31,7 +31,7 @@ const useUtils = () => {
 	const statusStyles = {
 		up: {
 			backgroundColor: theme.palette.success.dark,
-			background: `linear-gradient(340deg, ${theme.palette.success.light} -60%, ${theme.palette.success.dark} 35%)`,
+			background: `linear-gradient(340deg, ${theme.palette.success.dark} -60%, ${theme.palette.success.light} 35%)`,
 			borderColor: theme.palette.success.light,
 			"& h2": { color: theme.palette.success.main },
 		},

Client/src/Utils/Theme/constants.js

@@ -100,10 +100,10 @@ const semanticColors = {
 		},
 		light: {
 			light: paletteColors.green50,
-			dark: paletteColors.green150,
+			dark: paletteColors.green800 /* green150 */,
 		},
 		dark: {
-			light: paletteColors.green800,
+			light: paletteColors.green400 /* 800 */,
 			dark: paletteColors.green900,
 		},
 	},