editorGhostText.border
editor ghost text border. Border color of the ghost text shown by inline completion providers and the suggest preview.
Group: Editor widget colors
Where editor ghost text border paints
This sample moves from #3c3c3c to #e8a317, then back.
How to change editor ghost text border color in Visual Studio Code
macOS
- Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add editor ghost text border under workbench.colorCustomizations. Border color of the ghost text shown by inline completion providers and the suggest preview. Use a hex color such as #e8a317.
- Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
Windows
Linux uses the same shortcuts.
- Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add editor ghost text border under workbench.colorCustomizations. Border color of the ghost text shown by inline completion providers and the suggest preview. Use a hex color such as #e8a317.
- Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
{
"workbench.colorCustomizations": {
"editorGhostText.border": "#e8a317"
}
}Other Editor widget colors
- editorWidget.foreground
Foreground color of editor widgets, such as find/replace.
- editorWidget.background
Background color of editor widgets, such as Find/Replace.
- editorWidget.border
Border color of the editor widget unless the widget does not contain a border or defines its own border color.
- editorWidget.resizeBorder
Border color of the resize bar of editor widgets. The color is only used if the widget chooses to have a resize border and if the color is not overridden by a widget.
- editorSuggestWidget.background
Background color of the suggestion widget.
- editorSuggestWidget.border
Border color of the suggestion widget.
- editorSuggestWidget.foreground
Foreground color of the suggestion widget.
- editorSuggestWidget.focusHighlightForeground
Color of the match highlights in the suggest widget when an item is focused.
- editorSuggestWidget.highlightForeground
Color of the match highlights in the suggestion widget.
- editorSuggestWidget.selectedBackground
Background color of the selected entry in the suggestion widget.
- editorSuggestWidget.selectedForeground
Foreground color of the selected entry in the suggest widget.
- editorSuggestWidget.selectedIconForeground
Icon foreground color of the selected entry in the suggest widget.
- editorSuggestWidgetStatus.foreground
Foreground color of the suggest widget status.
- editorHoverWidget.foreground
Foreground color of the editor hover.
- editorHoverWidget.background
Background color of the editor hover.
- editorHoverWidget.border
Border color of the editor hover.
- editorHoverWidget.highlightForeground
Foreground color of the active item in the parameter hint.
- editorHoverWidget.statusBarBackground
Background color of the editor hover status bar.
- editorGhostText.background
Background color of the ghost text in the editor.
- editorGhostText.foreground
Foreground color of the ghost text shown by inline completion providers and the suggest preview.
- editorStickyScroll.background
Editor sticky scroll background color.
- editorStickyScroll.border
Border color of sticky scroll in the editor.
- editorStickyScroll.shadow
Shadow color of sticky scroll in the editor.
- editorStickyScrollGutter.background
Background color of the gutter part of sticky scroll in the editor.
- editorStickyScrollHover.background
Editor sticky scroll on hover background color.
- debugExceptionWidget.background
Exception widget background color.
- debugExceptionWidget.border
Exception widget border color.
- editorMarkerNavigation.background
Editor marker navigation widget background.
- editorMarkerNavigationError.background
Editor marker navigation widget error color.
- editorMarkerNavigationWarning.background
Editor marker navigation widget warning color.
- editorMarkerNavigationInfo.background
Editor marker navigation widget info color.
- editorMarkerNavigationError.headerBackground
Editor marker navigation widget error heading background.
- editorMarkerNavigationWarning.headerBackground
Editor marker navigation widget warning heading background.
- editorMarkerNavigationInfo.headerBackground
Editor marker navigation widget info heading background.