From 998d814335dd92c8941353fe6573c8f4d53c3186 Mon Sep 17 00:00:00 2001
From: zhou-yinyuan <yinyuan.zhou@thoughtworks.com>
Date: Tue, 23 Jul 2024 16:54:00 +0800
Subject: [PATCH 1/2] ADM-982 [frontend][docs]: add colors for classification
 charts

---
 .../BoardMetricsChart/ClassificationChart/index.tsx       | 4 ++++
 frontend/src/theme.ts                                     | 8 ++++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx b/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
index 311b6868f..90245a51e 100644
--- a/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
+++ b/frontend/src/containers/ReportStep/BoardMetricsChart/ClassificationChart/index.tsx
@@ -56,6 +56,10 @@ function extractClassificationData(classification: string, dateRanges: string[],
       theme.main.boardChart.barColorD,
       theme.main.boardChart.barColorE,
       theme.main.boardChart.barColorF,
+      theme.main.boardChart.barColorG,
+      theme.main.boardChart.barColorH,
+      theme.main.boardChart.barColorI,
+      theme.main.boardChart.barColorJ,
     ],
     trendInfo,
   };
diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts
index 947db6305..dff64be29 100644
--- a/frontend/src/theme.ts
+++ b/frontend/src/theme.ts
@@ -30,6 +30,10 @@ declare module '@mui/material/styles' {
         barColorD: string;
         barColorE: string;
         barColorF: string;
+        barColorG: string;
+        barColorH: string;
+        barColorI: string;
+        barColorJ: string;
         lineColorA: string;
         lineColorB: string;
         gridColor: string;
@@ -143,6 +147,10 @@ export const theme = createTheme({
       barColorD: '#769D7B',
       barColorE: '#C28830',
       barColorF: '#5078e6',
+      barColorG: '#19caad',
+      barColorH: '#bee7e9',
+      barColorI: '#a0eee1',
+      barColorJ: '#d6d5b7',
       lineColorA: '#163C4D',
       lineColorB: '#E16A7C',
       gridColor: '#D9D9D9',

From 6aa04c52a5098bc7122cd9a15b3940322cda2fab Mon Sep 17 00:00:00 2001
From: zhou-yinyuan <yinyuan.zhou@thoughtworks.com>
Date: Tue, 23 Jul 2024 17:51:14 +0800
Subject: [PATCH 2/2] ADM-982 [frontend]: add colors for classification charts

---
 frontend/src/theme.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/theme.ts b/frontend/src/theme.ts
index dff64be29..da8ce7feb 100644
--- a/frontend/src/theme.ts
+++ b/frontend/src/theme.ts
@@ -147,10 +147,10 @@ export const theme = createTheme({
       barColorD: '#769D7B',
       barColorE: '#C28830',
       barColorF: '#5078e6',
-      barColorG: '#19caad',
-      barColorH: '#bee7e9',
-      barColorI: '#a0eee1',
-      barColorJ: '#d6d5b7',
+      barColorG: '#634F7D',
+      barColorH: '#666666',
+      barColorI: '#D9EAD3',
+      barColorJ: '#FFF2CC',
       lineColorA: '#163C4D',
       lineColorB: '#E16A7C',
       gridColor: '#D9D9D9',