From e7147bc11912053f4f48581029d377b09fe811af Mon Sep 17 00:00:00 2001 From: Brian Ingles Date: Fri, 20 Oct 2023 17:56:27 -0500 Subject: [PATCH] Adjusted Monaco "white" colors #1592 --- .../src/theme/theme-dark/theme-dark-semantic-editor.css | 3 ++- packages/console/src/monaco/MonacoTheme.module.scss | 3 +++ packages/console/src/monaco/MonacoUtils.ts | 2 ++ 3 files changed, 7 insertions(+), 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 index 3366c97fe0..195cc4fc9a 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,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 index 35e688c29d..32c455ca1a 100644 --- 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 index 49f39e2127..7f5245461a 100644 --- 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'],