From b21b0a342cf117c9d69473f0cf044fcd4f024e61 Mon Sep 17 00:00:00 2001 From: cryptooda Date: Fri, 11 Jul 2025 22:32:31 +0700 Subject: [PATCH] add more gradient --- .../organism/Backtest/backtestTable.tsx | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx b/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx index d9fea45..b1d1ab7 100644 --- a/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx +++ b/src/Managing.WebApp/src/components/organism/Backtest/backtestTable.tsx @@ -96,10 +96,17 @@ const BacktestTable: React.FC = ({list, isFetching, displayS } const getScoreColor = (score: number) => { - if (score >= 75) return '#08C25F'; // success - if (score >= 50) return '#B0DB43'; // info - if (score >= 25) return '#EB6F22'; // warning - return '#FF5340'; // error + // Create a smooth gradient from red to green + if (score >= 90) return '#00D100'; // bright green + if (score >= 80) return '#2ECC71'; // green + if (score >= 70) return '#5DBA5D'; // light green + if (score >= 60) return '#8BC34A'; // lime green + if (score >= 50) return '#CDDC39'; // lime + if (score >= 40) return '#FFEB3B'; // yellow + if (score >= 30) return '#FF9800'; // orange + if (score >= 20) return '#FF5722'; // deep orange + if (score >= 10) return '#F44336'; // red + return '#D32F2F'; // dark red }; const columns = React.useMemo(