From a38e757e8278c534ed698350f3699ccc59fc4daa Mon Sep 17 00:00:00 2001 From: Adam Roe Date: Wed, 14 Aug 2024 18:17:04 +1000 Subject: [PATCH] Change graph colours for temperature --- client/src/components/weatherCharts/DailyChart/index.js | 5 +++-- client/src/components/weatherCharts/HourlyChart/index.js | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/client/src/components/weatherCharts/DailyChart/index.js b/client/src/components/weatherCharts/DailyChart/index.js index d934933..d995896 100644 --- a/client/src/components/weatherCharts/DailyChart/index.js +++ b/client/src/components/weatherCharts/DailyChart/index.js @@ -88,6 +88,7 @@ const createChartOptions = ({ const chartColors = { blue: "rgba(63, 127, 191, 0.5)", gray: "rgba(127, 127, 127, 0.5)", + orange: "rgba(226, 99, 71)", }; const mapChartData = ({ @@ -121,8 +122,8 @@ const mapChartData = ({ : convertTemp(temperature, tempUnit); }), yAxisID: "y-axis-1", - borderColor: chartColors.gray, - backgroundColor: chartColors.gray, + borderColor: chartColors.orange, + backgroundColor: chartColors.orange, fill: false, }, { diff --git a/client/src/components/weatherCharts/HourlyChart/index.js b/client/src/components/weatherCharts/HourlyChart/index.js index b824ae2..493cf23 100644 --- a/client/src/components/weatherCharts/HourlyChart/index.js +++ b/client/src/components/weatherCharts/HourlyChart/index.js @@ -88,6 +88,7 @@ const chartOptions = ({ const chartColors = { blue: "rgba(63, 127, 191, 0.5)", gray: "rgba(127, 127, 127, 0.5)", + orange: "rgba(226, 99, 71)", }; const mapChartData = ({ @@ -126,8 +127,8 @@ const mapChartData = ({ : convertTemp(temperature, tempUnit); }), yAxisID: "y-axis-1", - borderColor: chartColors.gray, - backgroundColor: chartColors.gray, + borderColor: chartColors.orange, + backgroundColor: chartColors.orange, fill: false, }, {