From ee6e7bc9055d7183fec3086f93713b50f6810a9e Mon Sep 17 00:00:00 2001 From: Owaiseimdad Date: Sat, 22 Mar 2025 09:51:07 +0530 Subject: [PATCH 1/2] Added background for charts. --- src/Components/Charts/ChartBox/index.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/Charts/ChartBox/index.jsx b/src/Components/Charts/ChartBox/index.jsx index 4b72fe16a..f9f35f4b2 100644 --- a/src/Components/Charts/ChartBox/index.jsx +++ b/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", From dfb0bd10d2422b014ac539f759a05b37b2b610b6 Mon Sep 17 00:00:00 2001 From: Owaiseimdad Date: Sun, 30 Mar 2025 03:14:30 +0530 Subject: [PATCH 2/2] Changed the bg of the gauge itself in order to meet the requirements. --- .../Uptime/Details/Components/Charts/ResponseGaugeChart.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Pages/Uptime/Details/Components/Charts/ResponseGaugeChart.jsx b/src/Pages/Uptime/Details/Components/Charts/ResponseGaugeChart.jsx index 3fa663c31..084a711c3 100644 --- a/src/Pages/Uptime/Details/Components/Charts/ResponseGaugeChart.jsx +++ b/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 (