Enhance contrast for selected and hovered items in the Object Explorer to improve visibility and accessibility. #8595

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)',