ADM-982 [frontend][docs]: add colors for classification charts

au-heartbeat · Jul 23, 2024 · 998d814 · 998d814
1 parent 4358855
commit 998d814
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git 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
@@ -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',