make collapsedText theme-able (microsoft#173203)

Co-authored-by: Martin Aeschlimann <[email protected]>

Author: mtbaqer

build/lib/stylelint/vscode-known-variables.json

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

src/vs/editor/contrib/folding/browser/folding.css

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

src/vs/editor/contrib/folding/browser/foldingDecorations.ts

@@ -15,6 +15,7 @@ import { themeColorFromId } from 'vs/platform/theme/common/themeService';
 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);
+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.'));
 
 export const foldingExpandedIcon = registerIcon('folding-expanded', Codicon.chevronDown, localize('foldingExpandedIcon', 'Icon for expanded ranges in the editor glyph margin.'));