Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-02-15 07:28:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add text preformat border high contrast color and apply it across various components

Browse Source
This commit is contained in:
mrleemurray
2025-12-16 11:15:31 +00:00
parent 693539ba21
commit 08392ddc70
9 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
build/lib/stylelint/vscode-known-variables.json
View File

@@ -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",

8
src/vs/platform/theme/common/colors/baseColors.ts
View File

@@ -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

1
src/vs/workbench/contrib/chat/browser/chatContentParts/media/chatThinkingContent.css
View File

@@ -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;
}
}

1
src/vs/workbench/contrib/chat/browser/media/chat.css
View File

@@ -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;
}
}

1
src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css
View File

@@ -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 {

1
src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css
View File

@@ -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 {

6
src/vs/workbench/contrib/update/browser/releaseNotesEditor.ts
View File

@@ -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);
}

1
src/vs/workbench/contrib/webview/browser/pre/index.html
View File

@@ -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 {

1
src/vs/workbench/contrib/welcomeWalkthrough/browser/media/walkThroughPart.css
View File

@@ -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 {