From 7054f80696fb2e4d7ffd00dd8ff699ef709fb531 Mon Sep 17 00:00:00 2001
From: Laura Witulski Morales <l.witulski.morales@accenture.com>
Date: Thu, 14 Aug 2025 12:08:11 +0200
Subject: [PATCH] fix: fixed dark mode under review progress bar and h2 color
 discrepancy

---
 packages/components/src/heading.ts            | 1 +
 packages/components/src/theme/dark-theme.ts   | 1 +
 packages/components/src/theme/index.ts        | 1 +
 packages/components/src/theme/light-theme.ts  | 1 +
 packages/frontend/src/helper/report-helper.ts | 2 +-
 5 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/heading.ts b/packages/components/src/heading.ts
index e8b08a1..5a79260 100644
--- a/packages/components/src/heading.ts
+++ b/packages/components/src/heading.ts
@@ -30,6 +30,7 @@ export const H2 = styled.h2.withConfig({
   font-size: ${FontSizes.h2};
   letter-spacing: 0.9px;
   ${(props) => props.noMargin && 'margin: 0;'};
+  color: ${(props) => props.theme.darkFont};
 `
 
 export const Title = styled(BaseHeader).withConfig({
diff --git a/packages/components/src/theme/dark-theme.ts b/packages/components/src/theme/dark-theme.ts
index 1c0c461..2bd75fb 100644
--- a/packages/components/src/theme/dark-theme.ts
+++ b/packages/components/src/theme/dark-theme.ts
@@ -9,6 +9,7 @@ export const darkTheme: DefaultTheme = {
   progressBar: '#F5F5F5',
   overlay: '#41465B',
   faq: '#C6CDE7',
+  reviewGrey: '#737373',
 
   //Fonts
   darkFont: '#FFFFFF',
diff --git a/packages/components/src/theme/index.ts b/packages/components/src/theme/index.ts
index 2e22f04..71f82bd 100644
--- a/packages/components/src/theme/index.ts
+++ b/packages/components/src/theme/index.ts
@@ -10,6 +10,7 @@ declare module 'styled-components' {
     progressBar: string
     overlay: string
     faq: string
+    reviewGrey: string
 
     // Fonts
     darkFont: string
diff --git a/packages/components/src/theme/light-theme.ts b/packages/components/src/theme/light-theme.ts
index 66de734..b47c58f 100644
--- a/packages/components/src/theme/light-theme.ts
+++ b/packages/components/src/theme/light-theme.ts
@@ -9,6 +9,7 @@ export const lightTheme: DefaultTheme = {
   progressBar: '#F5F5F5',
   overlay: '#333333',
   faq: '#AAB8EC',
+  reviewGrey: '#4F4F4F',
 
   //Fonts
   darkFont: '#333333',
diff --git a/packages/frontend/src/helper/report-helper.ts b/packages/frontend/src/helper/report-helper.ts
index 1390750..720623b 100644
--- a/packages/frontend/src/helper/report-helper.ts
+++ b/packages/frontend/src/helper/report-helper.ts
@@ -13,7 +13,7 @@ type UseReportHelper = {
 const TraineeReportStatusColors: Record<ReportStatus, keyof DefaultTheme> = {
   archived: 'successGreen',
   reopened: 'errorRed',
-  review: 'mediumFont',
+  review: 'reviewGrey',
   todo: 'iconBlue',
 }