Latest Change Log
06-23-2020
- added: editor.hoverHighlightBackground-editor.symbolHighlightBackground
Contrast colors
contrastActiveBorder
contrastActiveBorder Screenshot
- Focus on a text box or list item, or select a word.
- For high contrast themes. Only applicable when
"type": "hc-black"
in name-color-theme.json. However, if you add it to the workbench.colorCustomizations
section of settings.json, it will be applied to any theme.
contrastBorder
contrastBorder Screenshot
- Borders for windows, buttons, badges, etc.
- For high contrast themes. Only applicable when
"type": "hc-black"
in name-color-theme.json. However, if you add it to the workbench.colorCustomizations
section of settings.json, it will be applied to any theme.
Base colors
focusBorder
focusBorder Screenshot
- Focus on text boxes, lists, etc.
- Depending on the location, the border color changes only when you click.
foreground
foreground Screenshot
- Icons on the right of the tab bar, some characters and icons in the panel, etc.
widget.shadow
widget.shadow Screenshot
- Shadows for Find(⌘ + F / Ctrl + F), Quick Pick(⇧ + ⌘ + P / Ctrl + Shift + P), etc.
Window border
window.activeBorder
window.activeBorder Screenshot
- Activate the Visual Studio Code window.
window.inactiveBorder
If is not specified, all window frames will have this color.
Text colors
textBlockQuote.background
textBlockQuote.background Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Java Test Runner ↩︎ in "Search Extensions in Marketplace".
- Select "Java Test Runner" from the list.
textBlockQuote.border
textBlockQuote.border Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Java Test Runner ↩︎ in "Search Extensions in Marketplace".
- Select "Java Test Runner" from the list.
textCodeBlock.background
textCodeBlock.background Screenshot
- New File(⌘ + N / ctrl + N).
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Mouse over the "charset" in
<meta charset="...
.
textLink.activeForeground
textLink.activeForeground Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Debugger for Microsoft Edge ↩︎ in "Search Extensions in Marketplace".
- Select "Debugger for Microsoft Edge" from the list.
- Hover your mouse cursor over "1. Install the extension." in the "Getting Started" section.
textLink.foreground
textLink.foreground Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Debugger for Microsoft Edge ↩︎ in "Search Extensions in Marketplace".
- Select "Debugger for Microsoft Edge" from the list.
textPreformat.foreground
textPreformat.foreground Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Debugger for Microsoft Edge ↩︎ in "Search Extensions in Marketplace".
- Select "Debugger for Microsoft Edge" from the list.
Dropdown control
dropdown.listBackground
dropdown.listBackground Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type cursor ↩︎ in "Search settings".
- Click the "Editor: Cursor Blinking" select box.
Progress bar
progressBar.background
progressBar.background Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type test in "Search Extensions in Marketplace".
- A progress bar for a short time of about a second is displayed above "Message".
Lists and trees
list.dropBackground
list.dropBackground Screenshot
- Create a test folder on desktop.
- Create a test2 folder in the test folder.
- Return to Visual Studio Code.
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- New File(⌘ + N / ctrl + N).
- Save(⌘ + S / Ctrl + S) as "test.txt".
- Drag the saved file onto the test2 folder (hold down the mouse button).
list.inactiveSelectionBackground
list.hoverForeground Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Select the item in the "Extensions" list.
- Click anywhere outside the list.
list.invalidItemForeground
list.invalidItemForeground Screenshot
- Create a test folder on desktop.
- Return to Visual Studio Code.
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- Select
- Save as test.code-workspace.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open test.code-workspace.
- Change
"path": "."
to "path": "test"
.
- Save(⌘ + S / Ctrl + S).
- If the color of the test folder in Explorer does not change this way, click the test folder once and then remove the focus.
list.errorForeground
list.errorForeground Screenshot
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
function()
in Editor.
list.warningForeground
list.warningForeground Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type HTMLHint in "Search Extensions in Marketplace".
- Click "Install" button of "HTMLHint".
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
test
in Editor.
- Save(⌘ + S / Ctrl + S) as test.html.
listFilterWidget.background
listFilterWidget.background Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Click anywhere in the "Outline" view to activate the list.
- Type meta.
listFilterWidget.outline
listFilterWidget.outline Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Click anywhere in the "Outline" view to activate the list.
- Type meta.
listFilterWidget.noMatchesOutline
listFilterWidget.noMatchesOutline Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Click anywhere in the "Outline" view to activate the list.
- Type h1.
list.filterMatchBackground
list.filterMatchBackground Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Click anywhere in the "Outline" view to activate the list.
- Type meta.
list.filterMatchBorder
list.filterMatchBorder Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Click anywhere in the "Outline" view to activate the list.
- Type meta.
tree.indentGuidesStroke
tree.indentGuidesStroke Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
!
Tab in Editor.
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Open the "Outline" view.
- Mouse over the "Outline" view.
list.deemphasizedForeground
list.deemphasizedForeground Screenshot
- Create a test folder on desktop.
- Return to Visual Studio Code.
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type Debugger for Chrome in "Search Extensions in Marketplace".
- Press "Install" button of "Debugger for Chrome".
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- Display Run(⇧ + ⌘ + D / Ctrl + Shift + D).
- Click the "launch.json file" link.
- Select "Chrome".
- Change
"url": "http://localhost:8080",
to "file": "${workspaceRoot}/test.html",
and save(⌘ + S / Ctrl + S).
- New File(⌘ + N / ctrl + N).
- Enter the following code in the Editor.
<!DOCTYPE html>
<script src="test.js"></script>
- Save(⌘ + S / Ctrl + S) as test.html.
- New File(⌘ + N / ctrl + N).
- Type
alert('test');
in Editor.
- Save(⌘ + S / Ctrl + S) as test.js.
- When you move the mouse cursor to the blank part on the left side of the line number, a dot is displayed. Click it.
- Click the right-pointing triangle icon at the top of the "Run" panel.
- Open "Call Stack" view in the "Run" panel.
- Unfocus from "Call Stack" view.
- Google Chrome is installed.
Activity Bar
activityBar.dropBackground
activityBar.activeFocusBorder
activityBar.activeFocusBorder Screenshot
- Select (if the activity bar is not visible).
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Click the Explorer icon in Activity Bar.
Minimap
minimap.errorHighlight
minimap.errorHighlight Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
function()
↩︎ in Editor.
minimap.warningHighlight
minimap.warningHighlight Screenshot
- Show Extensions(⇧ + ⌘ + X / Ctrl + Shift + X).
- Type HTMLHint in "Search Extensions in Marketplace".
- Click "Install" button of "HTMLHint".
- Show Explorer(⇧ + ⌘ + E / Ctrl + Shift + E).
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type HTML ↩︎ in "Select Language Mode".
- Type
test
in Editor.
- Save(⌘ + S / Ctrl + S) as test.html.
minimapGutter.addedBackground
minimapGutter.addedBackground Screenshot
- Create a test folder on desktop.
- Return to Visual Studio Code.
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- Display Source Control(⌃ + ⇧ + G / Ctrl + Shift + G).
- Click the "Initialize Repository" button.
- New File(⌘ + N / ctrl + N).
- Type
test
in Editor.
- Save(⌘ + S / Ctrl + S) as test.txt.
- Type test ↩︎ in "Message" of "Source Control: Git".
- The dialog "There are no staged changes to commit." is displayed. Click the "Yes" button.
- Return to the editor and move the cursor to the
test
line.
- Press ↩︎.
minimapGutter.modifiedBackground
minimapGutter.modifiedBackground Screenshot
- Create a test folder on desktop.
- Return to Visual Studio Code.
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- Display Source Control(⌃ + ⇧ + G / Ctrl + Shift + G).
- Click the "Initialize Repository" button.
- New File(⌘ + N / ctrl + N).
- Type
test
in Editor.
- Save(⌘ + S / Ctrl + S) as test.txt.
- Type test ↩︎ in "Message" of "Source Control: Git".
- The dialog "There are no staged changes to commit." is displayed. Click the "Yes" button.
- Return to the Editor and type
2
in the line test
.
minimapGutter.deletedBackground
minimapGutter.deletedBackground Screenshot
- Create a test folder on desktop.
- Return to Visual Studio Code.
- Open the test folder by pressing ⌘ + O / Ctrl + O.
- Display Source Control(⌃ + ⇧ + G / Ctrl + Shift + G).
- Click the "Initialize Repository" button.
- New File(⌘ + N / ctrl + N).
- Enter the following code in the Editor.
test
test2
- Save(⌘ + S / Ctrl + S) as test.txt.
- Type test ↩︎ in "Message" of "Source Control: Git".
- The dialog "There are no staged changes to commit." is displayed. Click the "Yes" button.
- Return to the editor and move the cursor to the
test
line.
- Press ⇧ + ⌘ + K / Ctrl + Shift + K to Delete line.
Editor Groups & Tabs
editorGroupHeader.border
editorGroupHeader.border Screenshot
- Save(⌘ + S / Ctrl + S) as test.txt.
- When Breadcrumbs is not displayed, it becomes the border of the tab container.
tab.unfocusedHoverBackground
tab.unfocusedHoverBackground Screenshot
- Split Editor Right(⌘ + \ / Ctrl + \).
- Mouse over the tab of the Editor that is not in focus.
tab.hoverBackground
If is not specified, the tab with focus will also be this color.
tab.unfocusedHoverForeground
tab.unfocusedHoverForeground Screenshot
- Split Editor Right(⌘ + \ / Ctrl + \).
- Mouse over the tab of the Editor that is not in focus.
tab.hoverForeground
If is not specified, the tab with focus will also be this color.
tab.activeModifiedBorder
tab.activeModifiedBorder Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type workbench.editor.highlightModifiedTabs ↩︎ in "Search settings".
- Check "Workbench >Editor: Highlight Modified Tabs".
- Type some text in the editor.
tab.inactiveModifiedBorder
tab.inactiveModifiedBorder Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type workbench.editor.highlightModifiedTabs ↩︎ in "Search settings".
- Check "Workbench >Editor: Highlight Modified Tabs".
- Type some text in the editor.
- New File(⌘ + N / ctrl + N).
tab.unfocusedActiveModifiedBorder
tab.unfocusedActiveModifiedBorder Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type workbench.editor.highlightModifiedTabs ↩︎ in "Search settings".
- Check "Workbench >Editor: Highlight Modified Tabs".
- Type some text in the editor.
- Split Editor Right(⌘ + \ / Ctrl + \).
tab.unfocusedInactiveModifiedBorder
tab.unfocusedInactiveModifiedBorder Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type workbench.editor.highlightModifiedTabs ↩︎ in "Search settings".
- Check "Workbench >Editor: Highlight Modified Tabs".
- Type some text in the editor.
- New File(⌘ + N / ctrl + N).
- Split Editor Right(⌘ + \ / Ctrl + \).
Editor colors
editorCursor.background
editorCursor.background Screenshot
- Display Settings(⌘ + , / Ctrl + ,).
- Type editor.cursorStyles ↩︎ in "Search settings".
- Select "Block" in "Editor: Cursor Style".
- Type some text in the editor.
- Move the cursor to the text.
- It is not the cursor that changes, but the color of the text under the cursor.
editor.selectionForeground
editor.selectionForeground Screenshot
- Type some text in the editor.
- Press ⌘ + A / Ctrl + A to select text.
- For high contrast themes. Only applicable when
"type": "hc-black"
in name-color-theme.json.
editor.wordHighlightBackground
editor.wordHighlightBackground Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
'test'
in Editor.
- Place the cursor between
test
.
editor.wordHighlightBorder
editor.wordHighlightBorder Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
'test'
in Editor.
- Place the cursor between
test
.
editor.wordHighlightStrongBackground
editor.wordHighlightStrongBackground Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
let test =
in Editor.
- Place the cursor between
test
.
editor.wordHighlightStrongBorder
editor.wordHighlightStrongBorder Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
let test =
in Editor.
- Place the cursor between
test
.
editor.findMatchBackground
editor.findMatchBackground Screenshot
- Type
test test
in Editor.
- Display Find(⌘ + F / Ctrl + F).
- Type test in "Find".
- Press ⇧ + ⌘ + G / Shift + F3 to focus on search results.
editor.findMatchBorder
editor.findMatchBorder Screenshot
- Type
test test
in Editor.
- Display Find(⌘ + F / Ctrl + F).
- Type test in "Find".
- Press ⇧ + ⌘ + G / Shift + F3 to focus on search results.
editor.findRangeHighlightBorder
editor.findRangeHighlightBorder Screenshot
- Type
test
in Editor.
- Press ⌘ + A / Ctrl + A to select text.
- Display Find(⌘ + F / Ctrl + F).
- Enable Find in selection(⌥ + ⌘ + L / Alt + L).
searchEditor.findMatchBackground
searchEditor.findMatchBackground Screenshot
- Type
test
in Editor.
- Display Search(⇧ + ⌘ + F / Ctrl + Shift + F).
- Type test in "Search".
- ⌘ + ↩︎ / Ctrl + ↩︎ To display the Search Editor.
searchEditor.findMatchBorder
searchEditor.findMatchBorder Screenshot
- Type
test
in Editor.
- Display Search(⇧ + ⌘ + F / Ctrl + Shift + F).
- Type test in "Search".
- ⌘ + ↩︎ / Ctrl + ↩︎ To display the Search Editor.
searchEditor.textInputBorder
searchEditor.textInputBorder Screenshot
- Display Command Palette(⇧ + ⌘ + P / Ctrl + Shift + P).
- Select "Search Editor: Open new Search Editor".
- Press Tab to unfocus from the Search Editor text input form.
editor.hoverHighlightBackground
editor.hoverHighlightBackground Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Type
test␣
in Editor.
- Mouse over
test
.
editor.rangeHighlightBackground
editor.rangeHighlightBackground Screenshot
- Type
test test
in Editor.
- Display Find(⌘ + F / Ctrl + F).
- Type test in "Find".
- Press ⇧ + ⌘ + G / Shift + F3 to focus on search results.
editor.rangeHighlightBorder
editor.rangeHighlightBorder Screenshot
- Type
test test
in Editor.
- Display Find(⌘ + F / Ctrl + F).
- Type test in "Find".
- Press ⇧ + ⌘ + G / Shift + F3 to focus on search results.
editor.symbolHighlightBackground
editor.symbolHighlightBackground Screenshot
- Displays Select Language Mode(⌘ + K, M / Ctrl + K, M).
- Type JavaScript ↩︎ in "Select Language Mode".
- Enter the following code in the Editor.
let test
test
- Hold ⌘ / Ctrl and click
test
.
editor.symbolHighlightBorder
editorWhitespace.foreground
editorIndentGuide.background
editorIndentGuide.activeBackground
editorRuler.foreground
editorCodeLens.foreground
editorLightBulb.foreground
editorLightBulbAutoFix.foreground
editorBracketMatch.background
editorBracketMatch.border
editor.foldBackground
editorOverviewRuler.background
editorOverviewRuler.border
editorOverviewRuler.findMatchForeground
editorOverviewRuler.rangeHighlightForeground
editorOverviewRuler.selectionHighlightForeground
editorOverviewRuler.wordHighlightForeground
editorOverviewRuler.wordHighlightStrongForeground
editorOverviewRuler.modifiedForeground
editorOverviewRuler.addedForeground
editorOverviewRuler.deletedForeground
editorOverviewRuler.errorForeground
editorOverviewRuler.warningForeground
editorOverviewRuler.infoForeground
editorOverviewRuler.bracketMatchForeground
editorError.foreground
editorError.border
editorWarning.foreground
editorWarning.border
editorInfo.foreground
editorInfo.border
editorHint.foreground
editorHint.border
problemsErrorIcon.foreground
problemsWarningIcon.foreground
problemsInfoIcon.foreground
editorUnnecessaryCode.border
editorUnnecessaryCode.opacity
editorGutter.background
editorGutter.modifiedBackground
editorGutter.addedBackground
editorGutter.deletedBackground
editorGutter.commentRangeForeground
editorGutter.foldingControlForeground
Diff editor colors
diffEditor.insertedTextBackground
diffEditor.insertedTextBorder
diffEditor.removedTextBackground
diffEditor.removedTextBorder
diffEditor.border
diffEditor.diagonalFill
Peek view colors
peekView.border
peekViewEditor.background
peekViewEditorGutter.background
peekViewEditor.matchHighlightBackground
peekViewEditor.matchHighlightBorder
peekViewResult.background
peekViewResult.fileForeground
peekViewResult.lineForeground
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
peekViewResult.selectionForeground
peekViewTitle.background
peekViewTitleDescription.foreground
peekViewTitleLabel.foreground
Merge conflicts
merge.currentHeaderBackground
merge.currentContentBackground
merge.incomingHeaderBackground
merge.incomingContentBackground
merge.border
merge.commonContentBackground
merge.commonHeaderBackground
editorOverviewRuler.currentContentForeground
editorOverviewRuler.incomingContentForeground
editorOverviewRuler.commonContentForeground
Panel colors
panel.background
panel.border
panel.dropBorder
- Under investigation (1.46.0 or later).
panelTitle.activeBorder
panelTitle.activeForeground
panelTitle.inactiveForeground
panelInput.border
Status Bar colors
statusBar.background
statusBar.foreground
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.debuggingBorder
statusBar.noFolderForeground
statusBar.noFolderBackground
statusBar.noFolderBorder
statusBarItem.activeBackground
statusBarItem.hoverBackground
statusBarItem.prominentForeground
statusBarItem.prominentBackground
statusBarItem.prominentHoverBackground
statusBarItem.remoteBackground
statusBarItem.remoteForeground
Title Bar colors
titleBar.activeBackground
titleBar.activeForeground
titleBar.inactiveBackground
titleBar.inactiveForeground
titleBar.border
Notification colors
notificationCenter.border
notificationCenterHeader.foreground
notificationCenterHeader.background
notificationToast.border
notifications.foreground
notifications.background
notifications.border
notificationLink.foreground
notificationsWarningIcon.foreground
notificationsInfoIcon.foreground
Extensions
extensionButton.prominentForeground
extensionButton.prominentBackground
extensionButton.prominentHoverBackground
extensionBadge.remoteBackground
extensionBadge.remoteForeground
Quick picker
pickerGroup.border
pickerGroup.foreground
quickInput.background
quickInput.foreground
quickInputTitle.background
Integrated Terminal colors
terminal.background
terminal.border
terminal.foreground
terminal.ansiBlack
terminal.ansiBlue
terminal.ansiBrightBlack
terminal.ansiBrightBlue
terminal.ansiBrightCyan
terminal.ansiBrightGreen
terminal.ansiBrightMagenta
terminal.ansiBrightRed
terminal.ansiBrightWhite
terminal.ansiBrightYellow
terminal.ansiCyan
terminal.ansiGreen
terminal.ansiMagenta
terminal.ansiRed
terminal.ansiWhite
terminal.ansiYellow
terminal.selectionBackground
terminalCursor.background
terminalCursor.foreground
Debug
debugToolBar.background
debugToolBar.border
editor.stackFrameHighlightBackground
editor.focusedStackFrameHighlightBackground
debugView.exceptionLabelForeground
debugView.exceptionLabelBackground
debugView.stateLabelForeground
debugView.stateLabelBackground
debugView.valueChangedHighlight
debugTokenExpression.name
debugTokenExpression.value
debugTokenExpression.string
debugTokenExpression.boolean
debugTokenExpression.number
debugTokenExpression.error
Welcome page
welcomePage.background
walkThrough.embeddedEditorBackground
Git colors
gitDecoration.addedResourceForeground
gitDecoration.modifiedResourceForeground
gitDecoration.deletedResourceForeground
gitDecoration.untrackedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.conflictingResourceForeground
gitDecoration.submoduleResourceForeground
Settings Editor colors
settings.headerForeground
settings.modifiedItemIndicator
settings.dropdownBackground
settings.dropdownForeground
settings.dropdownBorder
settings.dropdownListBorder
settings.checkboxBackground
settings.checkboxForeground
settings.checkboxBorder
settings.textInputBackground
settings.textInputForeground
settings.textInputBorder
settings.numberInputBackground
settings.numberInputForeground
settings.numberInputBorder
Breadcrumbs
breadcrumb.foreground
breadcrumb.background
breadcrumb.focusForeground
breadcrumb.activeSelectionForeground
breadcrumbPicker.background
Snippets
editor.snippetTabstopHighlightBackground
editor.snippetTabstopHighlightBorder
editor.snippetFinalTabstopHighlightBackground
editor.snippetFinalTabstopHighlightBorder
Symbol Icons
symbolIcon.arrayForeground
symbolIcon.booleanForeground
symbolIcon.classForeground
symbolIcon.colorForeground
symbolIcon.constantForeground
symbolIcon.constructorForeground
symbolIcon.enumeratorForeground
symbolIcon.enumeratorMemberForeground
symbolIcon.eventForeground
symbolIcon.fieldForeground
symbolIcon.fileForeground
symbolIcon.folderForeground
symbolIcon.functionForeground
symbolIcon.interfaceForeground
symbolIcon.keyForeground
symbolIcon.keywordForeground
symbolIcon.methodForeground
symbolIcon.moduleForeground
symbolIcon.namespaceForeground
symbolIcon.nullForeground
symbolIcon.numberForeground
symbolIcon.objectForeground
symbolIcon.operatorForeground
symbolIcon.packageForeground
symbolIcon.propertyForeground
symbolIcon.referenceForeground
symbolIcon.snippetForeground
symbolIcon.stringForeground
symbolIcon.structForeground
symbolIcon.textForeground
symbolIcon.typeParameterForeground
symbolIcon.unitForeground
symbolIcon.variableForeground
Debug Icons
debugIcon.breakpointForeground
debugIcon.breakpointDisabledForeground
debugIcon.breakpointUnverifiedForeground
debugIcon.breakpointCurrentStackframeForeground
debugIcon.breakpointStackframeForeground
debugIcon.startForeground
debugIcon.pauseForeground
debugIcon.stopForeground
debugIcon.disconnectForeground
debugIcon.restartForeground
debugIcon.stepOverForeground
debugIcon.stepIntoForeground
debugIcon.stepOutForeground
debugIcon.continueForeground
debugIcon.stepBackForeground
debugConsole.infoForeground
- Under investigation (1.46.0 or later).
debugConsole.warningForeground
- Under investigation (1.46.0 or later).
debugConsole.errorForeground
- Under investigation (1.46.0 or later).
debugConsole.sourceForeground
- Under investigation (1.46.0 or later).
debugConsoleInputIcon.foreground
- Under investigation (1.46.0 or later).