Adjusted Monaco "white" colors

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

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
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
@@ -54,8 +54,9 @@
   /* Suggest */
   --dh-color-editor-suggest-bg: var(--dh-color-gray-200);
   --dh-color-editor-suggest-border: var(--dh-color-gray-400);
-  --dh-color-editor-suggest-fg: var(--dh-color-gray-100);
+  --dh-color-editor-suggest-fg: var(--dh-color-white);
   --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-hover-bg: var(--dh-color-highlight-hover);
 

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

diff --git a/packages/console/src/monaco/MonacoUtils.ts b/packages/console/src/monaco/MonacoUtils.ts
@@ -130,6 +130,8 @@ class MonacoUtils {
         MonacoTheme['editor-suggest-widget-foreground'],
       'editorSuggestWidget.selectedBackground':
         MonacoTheme['editor-suggest-widget-selected-background'],
+      'editorSuggestWidget.selectedForeground':
+        MonacoTheme['editor-suggest-widget-selected-foreground'],
       'editorSuggestWidget.highlightForeground':
         MonacoTheme['editor-suggest-widget-highlightForeground'],
       'list.hoverBackground': MonacoTheme['list-hover-background'],