Fix the issue where the query tool documentation screen-shot displays the incorrect function key. #7507

web/pgadmin/static/js/Theme/dark.js

@@ -27,8 +27,10 @@ export default function(basicSettings) {
         main: '#234d6e',
         light: '#323E43',
         contrastText: '#fff',
+        contrastTextLight: '#fff',
         hoverMain: darken('#234d6e', 0.25),
         hoverBorderColor: darken('#234d6e', 0.25),
+        hoverLight: darken('#323E43', 0.25),
         disabledMain: '#234d6e',
       },
       success:  {

web/pgadmin/static/js/Theme/index.jsx

@@ -648,7 +648,7 @@ function getFinalTheme(baseTheme) {
               backgroundColor: 'abc',
             },
             '&.Mui-selected': {
-              color: baseTheme.palette.primary.main,
+              color: baseTheme.palette.primary.contrastTextLight ?? baseTheme.palette.primary.main,
               backgroundColor: baseTheme.palette.primary.light,
               borderColor: baseTheme.palette.primary.main,
               zIndex: 1,