Added Monaco focus highlight color

#1592
deephaven · Oct 20, 2023 · 8101f9f · 8101f9f
1 parent e7147bc
commit 8101f9f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/packages/components/src/theme/theme-dark/theme-dark-semantic-editor.css b/packages/components/src/theme/theme-dark/theme-dark-semantic-editor.css
@@ -58,6 +58,7 @@
   --dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);
   --dh-color-editor-suggest-selected-fg: var(--dh-color-white);
   --dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);
+  --dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);
   --dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);
 
   /* Links */

diff --git a/packages/console/src/monaco/MonacoTheme.module.scss b/packages/console/src/monaco/MonacoTheme.module.scss
@@ -72,6 +72,9 @@
   editor-suggest-widget-highlightForeground: var(
     --dh-color-editor-suggest-highlight-fg
   );
+  editor-suggest-widget-focus-highlight-foreground: var(
+    --dh-color-editor-suggest-focus-highlight-fg
+  );
   list-hover-background: var(--dh-color-editor-suggest-hover-bg);
 
   // links

diff --git a/packages/console/src/monaco/MonacoUtils.ts b/packages/console/src/monaco/MonacoUtils.ts
@@ -134,6 +134,8 @@ class MonacoUtils {
         MonacoTheme['editor-suggest-widget-selected-foreground'],
       'editorSuggestWidget.highlightForeground':
         MonacoTheme['editor-suggest-widget-highlightForeground'],
+      'editorSuggestWidget.focusHighlightForeground':
+        MonacoTheme['editor-suggest-widget-focus-highlight-foreground'],
       'list.hoverBackground': MonacoTheme['list-hover-background'],
       'dropdown.background': MonacoTheme['context-menu-background'],
       'dropdown.foreground': MonacoTheme['context-menu-foreground'],