From 209c3c1b88fa1bd0935c933ed3dbaed7c4d87404 Mon Sep 17 00:00:00 2001 From: Alex Date: Fri, 8 Dec 2023 09:29:16 +0330 Subject: [PATCH] ui: change charts color in light mode --- ui/home/indicators/ChainIndicatorChart.tsx | 2 +- ui/shared/chart/ChartWidgetGraph.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ui/home/indicators/ChainIndicatorChart.tsx b/ui/home/indicators/ChainIndicatorChart.tsx index 350cd1af79..3da28b62b9 100644 --- a/ui/home/indicators/ChainIndicatorChart.tsx +++ b/ui/home/indicators/ChainIndicatorChart.tsx @@ -20,7 +20,7 @@ const CHART_MARGIN = { bottom: 5, left: 10, right: 10, top: 0 }; const ChainIndicatorChart = ({ data }: Props) => { const overlayRef = React.useRef(null); - const lineColor = useColorModeValue('#3CAD71', '#07FC99'); + const lineColor = useColorModeValue('#1ACD6E', '#07FC99'); const [ rect, ref ] = useClientRect(); const { innerWidth, innerHeight } = calculateInnerSize(rect, CHART_MARGIN); diff --git a/ui/shared/chart/ChartWidgetGraph.tsx b/ui/shared/chart/ChartWidgetGraph.tsx index ecdb7bed26..8ded1ec108 100644 --- a/ui/shared/chart/ChartWidgetGraph.tsx +++ b/ui/shared/chart/ChartWidgetGraph.tsx @@ -33,7 +33,7 @@ const DEFAULT_CHART_MARGIN = { bottom: 20, left: 40, right: 20, top: 10 }; const ChartWidgetGraph = ({ isEnlarged, items, onZoom, isZoomResetInitial, title, margin, units }: Props) => { const isMobile = useIsMobile(); - const color = useColorModeValue('#3CAD71', '#07FC99'); + const color = useColorModeValue('#1ACD6E', '#07FC99'); const overlayRef = React.useRef(null); const [ rect, ref ] = useClientRect();