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 dd6ec15ee6..858476a485 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 @@ -3,7 +3,8 @@ --dh-color-editor-bg: var(--dh-color-content-bg); --dh-color-editor-fg: var(--dh-color-gray-900); --dh-color-editor-error-fg: var(--dh-color-visual-red); - --dh-color-editor-line-number-fg: var(--dh-color-gray-700); + --dh-color-editor-line-number-fg: var(--dh-color-gray-600); + --dh-color-editor-line-number-active-fg: var(--dh-color-gray-800); --dh-color-editor-line-highlight-bg: var(--dh-color-gray-200); --dh-color-editor-selection-bg: var(--dh-color-text-highlight); --dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300); diff --git a/packages/components/src/theme/theme-light/theme-light-semantic-editor.css b/packages/components/src/theme/theme-light/theme-light-semantic-editor.css index 116c2d8725..45af30cc74 100644 --- a/packages/components/src/theme/theme-light/theme-light-semantic-editor.css +++ b/packages/components/src/theme/theme-light/theme-light-semantic-editor.css @@ -3,7 +3,8 @@ --dh-color-editor-bg: var(--dh-color-content-bg); --dh-color-editor-fg: var(--dh-color-gray-900); --dh-color-editor-error-fg: var(--dh-color-visual-red); - --dh-color-editor-line-number-fg: var(--dh-color-gray-700); + --dh-color-editor-line-number-fg: var(--dh-color-cyan-1000); + --dh-color-editor-line-number-active-fg: var(--dh-color-gray-900); --dh-color-editor-line-highlight-bg: var(--dh-color-gray-100); --dh-color-editor-selection-bg: var(--dh-color-text-highlight); --dh-color-editor-inactive-selection-bg: var(--dh-color-gray-200); diff --git a/packages/console/src/monaco/MonacoTheme.module.scss b/packages/console/src/monaco/MonacoTheme.module.scss index 4db7190c87..54341d4170 100644 --- a/packages/console/src/monaco/MonacoTheme.module.scss +++ b/packages/console/src/monaco/MonacoTheme.module.scss @@ -42,6 +42,9 @@ //editor editor-line-number-foreground: var(--dh-color-editor-line-number-fg); + editor-line-number-active-foreground: var( + --dh-color-editor-line-number-active-fg + ); editor-selection-background: var(--dh-color-editor-selection-bg); editor-inactive-selection-background: var( --dh-color-editor-inactive-selection-bg diff --git a/packages/console/src/monaco/MonacoUtils.ts b/packages/console/src/monaco/MonacoUtils.ts index 7e0dd365e5..26d12142e6 100644 --- a/packages/console/src/monaco/MonacoUtils.ts +++ b/packages/console/src/monaco/MonacoUtils.ts @@ -136,6 +136,8 @@ class MonacoUtils { MonacoTheme['editor-line-highlight-background'], 'editorLineNumber.foreground': MonacoTheme['editor-line-number-foreground'], + 'editorLineNumber.activeForeground': + MonacoTheme['editor-line-number-active-foreground'], 'editor.selectionBackground': MonacoTheme['editor-selection-background'], 'editor.inactiveSelectionBackground': MonacoTheme['editor-inactive-selection-background'], diff --git a/tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png index 3dfc5095be..821edd10da 100644 Binary files a/tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png and b/tests/styleguide.spec.ts-snapshots/editor-colors-chromium-linux.png differ diff --git a/tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png index 1b1dba668a..5c257f0985 100644 Binary files a/tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png and b/tests/styleguide.spec.ts-snapshots/editor-colors-firefox-linux.png differ diff --git a/tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png b/tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png index 5bfabe6da5..60e6ff005c 100644 Binary files a/tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png and b/tests/styleguide.spec.ts-snapshots/editor-colors-webkit-linux.png differ