diffEditor.diagonalFill
diff editor diagonal fill. Color of the diff editor's diagonal fill. The diagonal fill is used in side-by-side diff views.
Group: Diff editor colors
Where diff editor diagonal fill paints
This sample moves from #252526 to #1a5276, then back.
How to change diff editor diagonal fill 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 diagonal fill under workbench.colorCustomizations. Color of the diff editor's diagonal fill. The diagonal fill is used in side-by-side diff views. 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 diagonal fill under workbench.colorCustomizations. Color of the diff editor's diagonal fill. The diagonal fill is used in side-by-side diff views. 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.diagonalFill": "#1a5276"
}
}Other Diff editor colors
- diffEditor.insertedTextBackground
Background color for text that got inserted. The color must not be opaque so as not to hide underlying decorations.
- 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.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