diffEditor.insertedTextBackground
diff editor inserted text background. Background color for text that got inserted. The color must not be opaque so as not to hide underlying decorations.
Group: Diff editor colors
Where diff editor inserted text background paints
This sample moves from #252526 to #1a5276, then back.
How to change diff editor inserted text background 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 diff editor inserted text background under workbench.colorCustomizations. Background color for text that got inserted. The color must not be opaque so as not to hide underlying decorations. Use a hex color such as #1a5276.
- 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 diff editor inserted text background under workbench.colorCustomizations. Background color for text that got inserted. The color must not be opaque so as not to hide underlying decorations. Use a hex color such as #1a5276.
- 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": {
"diffEditor.insertedTextBackground": "#1a5276"
}
}Other Diff editor colors
- diffEditor.insertedTextBorder
Outline color for the text that got inserted.
- diffEditor.removedTextBackground
Background color for text that got removed. The color must not be opaque so as not to hide underlying decorations.
- diffEditor.removedTextBorder
Outline color for text that got removed.
- diffEditor.border
Border color between the two text editors.
- diffEditor.diagonalFill
Color of the diff editor's diagonal fill. The diagonal fill is used in side-by-side diff views.
- diffEditor.insertedLineBackground
Background color for lines that got inserted. The color must not be opaque so as not to hide underlying decorations.
- diffEditor.removedLineBackground
Background color for lines that got removed. The color must not be opaque so as not to hide underlying decorations.
- diffEditorGutter.insertedLineBackground
Background color for the margin where lines got inserted.
- diffEditorGutter.removedLineBackground
Background color for the margin where lines got removed.
- diffEditorOverview.insertedForeground
Diff overview ruler foreground for inserted content.
- diffEditorOverview.removedForeground
Diff overview ruler foreground for removed content.
- diffEditor.unchangedRegionBackground
The color of unchanged blocks in diff editor.
- diffEditor.unchangedRegionForeground
The foreground color of unchanged blocks in the diff editor.
- diffEditor.unchangedRegionShadow
The color of the shadow around unchanged region widgets.
- diffEditor.unchangedCodeBackground
The background color of unchanged code in the diff editor.
- diffEditor.move.border
The border color for text that got moved in the diff editor.
- diffEditor.moveActive.border
The active border color for text that got moved in the diff editor.
- multiDiffEditor.headerBackground
The background color of the diff editor's header
- multiDiffEditor.background
The background color of the multi file diff editor
- multiDiffEditor.border
The border color of the multi file diff editor