From 824906c79c498ba7e0959c9cd0cfc85bd844e522 Mon Sep 17 00:00:00 2001 From: sahillpaul Date: Thu, 18 Jun 2026 19:32:33 +0530 Subject: [PATCH 1/2] fix(CustomCatalog): adapt MetricsDiv text color for dark mode Removed hardcoded rgba color and replaced with theme.palette.text.default to ensure accessibility contrast when dark mode is toggled. Signed-off-by: sahillpaul --- src/custom/CustomCatalog/style.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/custom/CustomCatalog/style.tsx b/src/custom/CustomCatalog/style.tsx index 0a30c5a10..0237d5689 100644 --- a/src/custom/CustomCatalog/style.tsx +++ b/src/custom/CustomCatalog/style.tsx @@ -180,12 +180,12 @@ export const MetricsContainerFront = styled('div')(({ isDetailed, width: '100%' })); -export const MetricsDiv = styled('div')(() => ({ +export const MetricsDiv = styled('div')(({ theme }) => ({ display: 'flex', alignItems: 'center', gap: '4px', fontSize: '0.2rem', - color: 'rgba(26, 26, 26, .8)', + color: theme.palette.text.default, margin: '0rem', padding: '0.1rem' })); From c71321325bad96675e5e91407413eff75c4e2b1d Mon Sep 17 00:00:00 2001 From: sahillpaul Date: Thu, 18 Jun 2026 19:58:44 +0530 Subject: [PATCH 2/2] refactor(CustomCatalog): remove redundant color property from MetricsDiv Signed-off-by: sahillpaul --- src/custom/CustomCatalog/style.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/custom/CustomCatalog/style.tsx b/src/custom/CustomCatalog/style.tsx index 0237d5689..f500d2782 100644 --- a/src/custom/CustomCatalog/style.tsx +++ b/src/custom/CustomCatalog/style.tsx @@ -180,12 +180,11 @@ export const MetricsContainerFront = styled('div')(({ isDetailed, width: '100%' })); -export const MetricsDiv = styled('div')(({ theme }) => ({ +export const MetricsDiv = styled('div')(() => ({ display: 'flex', alignItems: 'center', gap: '4px', fontSize: '0.2rem', - color: theme.palette.text.default, margin: '0rem', padding: '0.1rem' }));