From 08392ddc70819125477b7b4e7e690e53ef08d720 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 16 Dec 2025 11:15:31 +0000 Subject: [PATCH 1/7] Add text preformat border high contrast color and apply it across various components --- build/lib/stylelint/vscode-known-variables.json | 1 + src/vs/platform/theme/common/colors/baseColors.ts | 8 +++++--- .../chatContentParts/media/chatThinkingContent.css | 1 + src/vs/workbench/contrib/chat/browser/media/chat.css | 1 + .../contrib/notebook/browser/media/notebookCellChat.css | 1 + .../contrib/preferences/browser/media/settingsEditor2.css | 1 + .../contrib/update/browser/releaseNotesEditor.ts | 6 +----- src/vs/workbench/contrib/webview/browser/pre/index.html | 1 + .../welcomeWalkthrough/browser/media/walkThroughPart.css | 1 + 9 files changed, 13 insertions(+), 8 deletions(-) diff --git a/build/lib/stylelint/vscode-known-variables.json b/build/lib/stylelint/vscode-known-variables.json index 18ceebdf678..0e12648c6ac 100644 --- a/build/lib/stylelint/vscode-known-variables.json +++ b/build/lib/stylelint/vscode-known-variables.json @@ -869,6 +869,7 @@ "--vscode-textLink-activeForeground", "--vscode-textLink-foreground", "--vscode-textPreformat-background", + "--vscode-textPreformat-border", "--vscode-textPreformat-foreground", "--vscode-textSeparator-foreground", "--vscode-titleBar-activeBackground", diff --git a/src/vs/platform/theme/common/colors/baseColors.ts b/src/vs/platform/theme/common/colors/baseColors.ts index 514fdc8a4e9..a3e85f9e88e 100644 --- a/src/vs/platform/theme/common/colors/baseColors.ts +++ b/src/vs/platform/theme/common/colors/baseColors.ts @@ -65,13 +65,15 @@ export const textSeparatorForeground = registerColor('textSeparator.foreground', // ------ text preformat export const textPreformatForeground = registerColor('textPreformat.foreground', - { light: '#A31515', dark: '#D7BA7D', hcDark: '#000000', hcLight: '#FFFFFF' }, + { light: '#A31515', dark: '#D7BA7D', hcDark: '#FFFFFF', hcLight: '#FFFFFF' }, nls.localize('textPreformatForeground', "Foreground color for preformatted text segments.")); export const textPreformatBackground = registerColor('textPreformat.background', - { light: '#0000001A', dark: '#FFFFFF1A', hcDark: '#FFFFFF', hcLight: '#09345f' }, + { light: '#0000001A', dark: '#FFFFFF1A', hcDark: null, hcLight: '#09345f' }, nls.localize('textPreformatBackground', "Background color for preformatted text segments.")); - +export const textPreformatBorder = registerColor('textPreformat.border', + { light: null, dark: null, hcDark: contrastBorder, hcLight: null }, + nls.localize('textPreformatBorder', "Border color for preformatted text segments.")); // ------ text block quote diff --git a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css index 6b99f0bd934..85184d2a95a 100644 --- a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css +++ b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css @@ -62,6 +62,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + border: 1px solid var(--vscode-textPreformat-border); white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index b145d368fb4..b948822a0f7 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -627,6 +627,7 @@ have to be updated for changes to the rules above, or to support more deeply nes background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + border: 1px solid var(--vscode-textPreformat-border); white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css index 97830695b83..36fc8b4bee6 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css @@ -173,6 +173,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + border: 1px solid var(--vscode-textPreformat-border); } .monaco-workbench .notebookOverlay .cell-chat-part .inline-chat .markdownMessage .message .interactive-result-code-block { diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css index ed0beac4ec2..9bd44961577 100644 --- a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css +++ b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css @@ -609,6 +609,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + border: 1px solid var(--vscode-textPreformat-border); } .settings-editor > .settings-body .settings-tree-container .setting-item-contents .setting-item-markdown .monaco-tokenized-source { diff --git a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts index 68738027aee..5b968eb5ed5 100644 --- a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts +++ b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts @@ -287,11 +287,7 @@ export class ReleaseNotesManager extends Disposable { code:has(.codesetting) { background-color: var(--vscode-textPreformat-background); color: var(--vscode-textPreformat-foreground); - padding-left: 1px; - margin-right: 3px; - padding-right: 0px; - } - + border: 1px solid var(--vscode-textPreformat-border); code:has(.codesetting):focus { border: 1px solid var(--vscode-button-border, transparent); } diff --git a/src/vs/workbench/contrib/webview/browser/pre/index.html b/src/vs/workbench/contrib/webview/browser/pre/index.html index 9bd67086fd0..6040b405ed8 100644 --- a/src/vs/workbench/contrib/webview/browser/pre/index.html +++ b/src/vs/workbench/contrib/webview/browser/pre/index.html @@ -151,6 +151,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + border: 1px solid var(--vscode-textPreformat-border); } pre code { diff --git a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css index 7ab127eaab4..997ed6e2df2 100644 --- a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css +++ b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css @@ -155,6 +155,7 @@ color: var(--vscode-textPreformat-foreground); background-color: var(--vscode-textPreformat-background); border-radius: 3px; + border: 1px solid var(--vscode-textPreformat-border); } .monaco-workbench .part.editor > .content .walkThroughContent .monaco-editor { From eabecfa213f2d4c2b5d97a2106b13c27b8430f23 Mon Sep 17 00:00:00 2001 From: Lee Murray Date: Tue, 16 Dec 2025 12:12:54 +0000 Subject: [PATCH 2/7] Update src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts index 5b968eb5ed5..289611f8327 100644 --- a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts +++ b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts @@ -288,6 +288,7 @@ export class ReleaseNotesManager extends Disposable { background-color: var(--vscode-textPreformat-background); color: var(--vscode-textPreformat-foreground); border: 1px solid var(--vscode-textPreformat-border); + } code:has(.codesetting):focus { border: 1px solid var(--vscode-button-border, transparent); } From d99c6e4349f49387d76d0fcb78666b3647366651 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 16 Dec 2025 12:36:27 +0000 Subject: [PATCH 3/7] Improve code styling for text preformat in release notes editor --- .../workbench/contrib/update/browser/releaseNotesEditor.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts index 289611f8327..8f3f995faec 100644 --- a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts +++ b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts @@ -287,7 +287,10 @@ export class ReleaseNotesManager extends Disposable { code:has(.codesetting) { background-color: var(--vscode-textPreformat-background); color: var(--vscode-textPreformat-foreground); - border: 1px solid var(--vscode-textPreformat-border); + border: 1px solid var(--vscode-textPreformat-border); + padding-left: 1px; + margin-right: 3px; + padding-right: 0px; } code:has(.codesetting):focus { border: 1px solid var(--vscode-button-border, transparent); From e3c30ead18c3426dabab823e3305b17c4db0b3e2 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Tue, 16 Dec 2025 13:04:56 +0000 Subject: [PATCH 4/7] Remove border from text preformat styling in notebook cell chat --- .../contrib/notebook/browser/media/notebookCellChat.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css index 36fc8b4bee6..97830695b83 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css @@ -173,7 +173,6 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - border: 1px solid var(--vscode-textPreformat-border); } .monaco-workbench .notebookOverlay .cell-chat-part .inline-chat .markdownMessage .message .interactive-result-code-block { From df339b1d5b2418e3b89b21da6993136a5b6a7bee Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 17 Dec 2025 09:44:58 +0000 Subject: [PATCH 5/7] style: comment out border property in various CSS files for consistency --- .../chat/browser/chatContentParts/media/chatThinkingContent.css | 2 +- src/vs/workbench/contrib/chat/browser/media/chat.css | 2 +- .../contrib/notebook/browser/media/notebookCellChat.css | 1 + .../contrib/preferences/browser/media/settingsEditor2.css | 2 +- src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts | 2 +- src/vs/workbench/contrib/webview/browser/pre/index.html | 2 +- .../welcomeWalkthrough/browser/media/walkThroughPart.css | 2 +- 7 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css index 85184d2a95a..d84a50eeb4e 100644 --- a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css +++ b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css @@ -62,7 +62,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index 52d32756c40..26a46b0acbc 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -627,7 +627,7 @@ have to be updated for changes to the rules above, or to support more deeply nes background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css index 97830695b83..9db9b22e22f 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css @@ -173,6 +173,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; + /* border: 1px solid var(--vscode-textPreformat-border); */ } .monaco-workbench .notebookOverlay .cell-chat-part .inline-chat .markdownMessage .message .interactive-result-code-block { diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css index 9bd44961577..b3d9c09aaad 100644 --- a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css +++ b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css @@ -609,7 +609,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ } .settings-editor > .settings-body .settings-tree-container .setting-item-contents .setting-item-markdown .monaco-tokenized-source { diff --git a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts index 8f3f995faec..bea13da6c62 100644 --- a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts +++ b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts @@ -287,7 +287,7 @@ export class ReleaseNotesManager extends Disposable { code:has(.codesetting) { background-color: var(--vscode-textPreformat-background); color: var(--vscode-textPreformat-foreground); - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ padding-left: 1px; margin-right: 3px; padding-right: 0px; diff --git a/src/vs/workbench/contrib/webview/browser/pre/index.html b/src/vs/workbench/contrib/webview/browser/pre/index.html index 6040b405ed8..10645a84716 100644 --- a/src/vs/workbench/contrib/webview/browser/pre/index.html +++ b/src/vs/workbench/contrib/webview/browser/pre/index.html @@ -151,7 +151,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ } pre code { diff --git a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css index 997ed6e2df2..3512d90f9ba 100644 --- a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css +++ b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css @@ -155,7 +155,7 @@ color: var(--vscode-textPreformat-foreground); background-color: var(--vscode-textPreformat-background); border-radius: 3px; - border: 1px solid var(--vscode-textPreformat-border); + /* border: 1px solid var(--vscode-textPreformat-border); */ } .monaco-workbench .part.editor > .content .walkThroughContent .monaco-editor { From bb7827065c838797914ef7c582e7770c0a8e82b4 Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 17 Dec 2025 10:54:18 +0000 Subject: [PATCH 6/7] style: remove unused textPreformat border variable from known variables --- build/lib/stylelint/vscode-known-variables.json | 1 - 1 file changed, 1 deletion(-) diff --git a/build/lib/stylelint/vscode-known-variables.json b/build/lib/stylelint/vscode-known-variables.json index 0e12648c6ac..18ceebdf678 100644 --- a/build/lib/stylelint/vscode-known-variables.json +++ b/build/lib/stylelint/vscode-known-variables.json @@ -869,7 +869,6 @@ "--vscode-textLink-activeForeground", "--vscode-textLink-foreground", "--vscode-textPreformat-background", - "--vscode-textPreformat-border", "--vscode-textPreformat-foreground", "--vscode-textSeparator-foreground", "--vscode-titleBar-activeBackground", From 8eac7ddda6078985a1adee02827aeba3cb0f4cab Mon Sep 17 00:00:00 2001 From: mrleemurray Date: Wed, 17 Dec 2025 11:01:34 +0000 Subject: [PATCH 7/7] style: restore border property for text preformat in various CSS files --- build/lib/stylelint/vscode-known-variables.json | 1 + .../chat/browser/chatContentParts/media/chatThinkingContent.css | 2 +- src/vs/workbench/contrib/chat/browser/media/chat.css | 2 +- .../contrib/notebook/browser/media/notebookCellChat.css | 2 +- .../contrib/preferences/browser/media/settingsEditor2.css | 2 +- src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts | 2 +- src/vs/workbench/contrib/webview/browser/pre/index.html | 1 - .../welcomeWalkthrough/browser/media/walkThroughPart.css | 2 +- 8 files changed, 7 insertions(+), 7 deletions(-) diff --git a/build/lib/stylelint/vscode-known-variables.json b/build/lib/stylelint/vscode-known-variables.json index 18ceebdf678..b09884fedf6 100644 --- a/build/lib/stylelint/vscode-known-variables.json +++ b/build/lib/stylelint/vscode-known-variables.json @@ -870,6 +870,7 @@ "--vscode-textLink-foreground", "--vscode-textPreformat-background", "--vscode-textPreformat-foreground", + "--vscode-textPreformat-border", "--vscode-textSeparator-foreground", "--vscode-titleBar-activeBackground", "--vscode-titleBar-activeForeground", diff --git a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css index d84a50eeb4e..85184d2a95a 100644 --- a/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css +++ b/src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css @@ -62,7 +62,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - /* border: 1px solid var(--vscode-textPreformat-border); */ + border: 1px solid var(--vscode-textPreformat-border); white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index 26a46b0acbc..52d32756c40 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -627,7 +627,7 @@ have to be updated for changes to the rules above, or to support more deeply nes background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - /* border: 1px solid var(--vscode-textPreformat-border); */ + border: 1px solid var(--vscode-textPreformat-border); white-space: pre-wrap; } } diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css index 9db9b22e22f..36fc8b4bee6 100644 --- a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css +++ b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css @@ -173,7 +173,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - /* border: 1px solid var(--vscode-textPreformat-border); */ + border: 1px solid var(--vscode-textPreformat-border); } .monaco-workbench .notebookOverlay .cell-chat-part .inline-chat .markdownMessage .message .interactive-result-code-block { diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css index b3d9c09aaad..9bd44961577 100644 --- a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css +++ b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css @@ -609,7 +609,7 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - /* border: 1px solid var(--vscode-textPreformat-border); */ + border: 1px solid var(--vscode-textPreformat-border); } .settings-editor > .settings-body .settings-tree-container .setting-item-contents .setting-item-markdown .monaco-tokenized-source { diff --git a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts index bea13da6c62..68738027aee 100644 --- a/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts +++ b/src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts @@ -287,11 +287,11 @@ export class ReleaseNotesManager extends Disposable { code:has(.codesetting) { background-color: var(--vscode-textPreformat-background); color: var(--vscode-textPreformat-foreground); - /* border: 1px solid var(--vscode-textPreformat-border); */ padding-left: 1px; margin-right: 3px; padding-right: 0px; } + code:has(.codesetting):focus { border: 1px solid var(--vscode-button-border, transparent); } diff --git a/src/vs/workbench/contrib/webview/browser/pre/index.html b/src/vs/workbench/contrib/webview/browser/pre/index.html index 10645a84716..9bd67086fd0 100644 --- a/src/vs/workbench/contrib/webview/browser/pre/index.html +++ b/src/vs/workbench/contrib/webview/browser/pre/index.html @@ -151,7 +151,6 @@ background-color: var(--vscode-textPreformat-background); padding: 1px 3px; border-radius: 4px; - /* border: 1px solid var(--vscode-textPreformat-border); */ } pre code { diff --git a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css index 3512d90f9ba..997ed6e2df2 100644 --- a/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css +++ b/src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css @@ -155,7 +155,7 @@ color: var(--vscode-textPreformat-foreground); background-color: var(--vscode-textPreformat-background); border-radius: 3px; - /* border: 1px solid var(--vscode-textPreformat-border); */ + border: 1px solid var(--vscode-textPreformat-border); } .monaco-workbench .part.editor > .content .walkThroughContent .monaco-editor {