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
index 3366c97fe0..46b8fbff52 100644
--- 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,9 +54,11 @@
   /* 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-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
index 35e688c29d..ae50d50c6a 100644
--- a/packages/console/src/monaco/MonacoTheme.module.scss
+++ b/packages/console/src/monaco/MonacoTheme.module.scss
@@ -66,9 +66,15 @@
   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
   );
+  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
index 49f39e2127..94d373a968 100644
--- a/packages/console/src/monaco/MonacoUtils.ts
+++ b/packages/console/src/monaco/MonacoUtils.ts
@@ -130,8 +130,12 @@ 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'],
+      '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'],