From ff8a301f6a53e376f306cc367d551e73905a4848 Mon Sep 17 00:00:00 2001
From: Rohit Bhati <rohit.bhati@enterprisedb.com>
Date: Wed, 7 May 2025 12:33:04 +0530
Subject: [PATCH] Enhance contrast for selected and hovered items in the Object
 Explorer to improve visibility and accessibility. #8595

---
 .../static/js/Theme/overrides/reactaspen.override.js  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/pgadmin/static/js/Theme/overrides/reactaspen.override.js b/web/pgadmin/static/js/Theme/overrides/reactaspen.override.js
index 5129fff65..5b9bc5175 100644
--- a/web/pgadmin/static/js/Theme/overrides/reactaspen.override.js
+++ b/web/pgadmin/static/js/Theme/overrides/reactaspen.override.js
@@ -120,6 +120,9 @@ export default function reactAspenOverride(theme) {
           'span.file-name': {
             color: theme.otherVars.tree.textHoverFg,
           },
+          'span.children-count': {
+            color: theme.otherVars.tree.textHoverFg
+          },
         },
       },
 
@@ -154,13 +157,19 @@ export default function reactAspenOverride(theme) {
         font: 'inherit',
         flexGrow: 1,
         userSelect: 'none',
-        color: theme.otherVars.tree.textFg,
         cursor: 'pointer !important',
         whiteSpace: 'nowrap',
         '&:hover, &.pseudo-active': {
           color: theme.otherVars.tree.fgHover,
         },
       },
+
+      'span.children-count': {
+        '&:hover, &.pseudo-active': {
+          color: theme.otherVars.tree.fgHover,
+        },
+      },
+
       'div.file-tag': {
         color: 'var(--tag-color)',
         border: '1px solid color-mix(in srgb, var(--tag-color) 90%, #fff)',