Merge pull request #1984 from Owaiseimdad/FIX-for-background-of-charts

Added background for charts for clarity

src/Components/Charts/ChartBox/index.jsx

@@ -25,7 +25,7 @@ const ChartBox = ({
 			flex={1}
 			direction="row"
 			sx={{
-				backgroundColor: theme.palette.primary.main,
+				backgroundColor: theme.palette.tertiary.main,
 
 				border: 1,
 				borderStyle: "solid",

src/Pages/Uptime/Details/Components/Charts/ResponseGaugeChart.jsx

@@ -18,13 +18,13 @@ const ResponseGaugeChart = ({ avgResponseTime }) => {
 			? {
 					category: "Excellent",
 					main: theme.palette.success.main,
-					bg: theme.palette.success.contrastText,
+					bg: theme.palette.success.lowContrast,
 				}
 			: responseTime <= 500
 				? {
 						category: "Fair",
 						main: theme.palette.success.main,
-						bg: theme.palette.success.contrastText,
+						bg: theme.palette.success.lowContrast,
 					}
 				: responseTime <= 600
 					? {
@@ -35,7 +35,7 @@ const ResponseGaugeChart = ({ avgResponseTime }) => {
 					: {
 							category: "Poor",
 							main: theme.palette.error.main,
-							bg: theme.palette.error.contrastText,
+							bg: theme.palette.error.lowContrast,
 						};
 
 	return (