make collapsedText theme-able (#173203)

Co-authored-by: Martin Aeschlimann <martinae@microsoft.com>
This commit is contained in:
Mohammad Baqer 2024-06-25 09:28:39 -05:00 committed by GitHub
parent a28cbc207a
commit 4580ba51fe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 2 deletions

View file

@ -128,6 +128,7 @@
"--vscode-dropdown-foreground", "--vscode-dropdown-foreground",
"--vscode-dropdown-listBackground", "--vscode-dropdown-listBackground",
"--vscode-editor-background", "--vscode-editor-background",
"--vscode-editor-collapsedText",
"--vscode-editor-findMatchBackground", "--vscode-editor-findMatchBackground",
"--vscode-editor-findMatchBorder", "--vscode-editor-findMatchBorder",
"--vscode-editor-findMatchForeground", "--vscode-editor-findMatchForeground",

View file

@ -31,7 +31,7 @@
} }
.monaco-editor .inline-folded:after { .monaco-editor .inline-folded:after {
color: grey; color: var(--vscode-editor-collapsedText);
margin: 0.1em 0.2em 0 0.2em; margin: 0.1em 0.2em 0 0.2em;
content: "\22EF"; /* ellipses unicode character */ content: "\22EF"; /* ellipses unicode character */
display: inline; display: inline;
@ -49,4 +49,3 @@
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed { .monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
color: var(--vscode-editorGutter-foldingControlForeground) !important; color: var(--vscode-editorGutter-foldingControlForeground) !important;
} }

View file

@ -15,6 +15,7 @@ import { themeColorFromId } from 'vs/platform/theme/common/themeService';
import { ThemeIcon } from 'vs/base/common/themables'; import { ThemeIcon } from 'vs/base/common/themables';
const foldBackground = registerColor('editor.foldBackground', { light: transparent(editorSelectionBackground, 0.3), dark: transparent(editorSelectionBackground, 0.3), hcDark: null, hcLight: null }, localize('foldBackgroundBackground', "Background color behind folded ranges. The color must not be opaque so as not to hide underlying decorations."), true); const foldBackground = registerColor('editor.foldBackground', { light: transparent(editorSelectionBackground, 0.3), dark: transparent(editorSelectionBackground, 0.3), hcDark: null, hcLight: null }, localize('foldBackgroundBackground', "Background color behind folded ranges. The color must not be opaque so as not to hide underlying decorations."), true);
registerColor('editor.collapsedText', { light: '#808080', dark: '#808080', hcDark: null, hcLight: null }, localize('collapsedTextColor', "Color of the collapsed text after the first line of a folded range."));
registerColor('editorGutter.foldingControlForeground', iconForeground, localize('editorGutter.foldingControlForeground', 'Color of the folding control in the editor gutter.')); registerColor('editorGutter.foldingControlForeground', iconForeground, localize('editorGutter.foldingControlForeground', 'Color of the folding control in the editor gutter.'));
export const foldingExpandedIcon = registerIcon('folding-expanded', Codicon.chevronDown, localize('foldingExpandedIcon', 'Icon for expanded ranges in the editor glyph margin.')); export const foldingExpandedIcon = registerIcon('folding-expanded', Codicon.chevronDown, localize('foldingExpandedIcon', 'Icon for expanded ranges in the editor glyph margin.'));