I want to change the style of my Visual Studio Code Editor to look like this: (with a thick bar on the left):
Asked
Active
Viewed 570 times
1
-
1Research this setting: `SCM: Diff Decorations`. – Mark Sep 08 '21 at 07:09
-
1@Mark thanks for the answer! That's true, it's only needed to set "scm.diffDecorations" in Visual Studio Code settings from "all" to "gutter". Reference: https://stackoverflow.com/questions/43969277/how-can-you-disable-gutter-indicators-in-vs-code And useful documentation about the meaning of colors for gutter indicators in Visual Studio Code is here: https://vscode-docs.readthedocs.io/en/latest/editor/versioncontrol/#gutter-indicators – Luis Angel Rodríguez Sep 08 '21 at 19:49
-
In addition to that, it's important to restart the editor to apply changes, and Diff Decorations only apply to folders that only are git repositories. – Luis Angel Rodríguez Sep 08 '21 at 20:23
-
1@LuisAngelRodríguez If you found the answer please put an answer in your own post so other will know too, thanks! – Costa Sep 16 '21 at 09:26
2 Answers
1
Answering my own question, it's only needed to set "scm.diffDecorations" in Visual Studio Code settings from "all" to "gutter". Reference: How can you disable Gutter Indicators in VS Code?
example-of-how-to-set-scm.diffDecorations-in-vscode
And useful documentation about the meaning of colors for gutter indicators in Visual Studio Code is here: https://vscode-docs.readthedocs.io/en/latest/editor/versioncontrol/#gutter-indicators

Luis Angel Rodríguez
- 21
- 4
0
Since Local History was added in March, the settings for the SCM gutter decorations changed a tad bit. Bellow shows what the new decorations look like.
/** @file "settings.json" */
{
"scm.diffDecorationsGutterAction": "diff",
"scm.diffDecorationsGutterVisibility": "always",
"scm.diffDecorationsGutterWidth": 4,
"scm.diffDecorationsGutterPattern": {
"added": true,
"modified": true
},
}

JΛYDΞV
- 8,532
- 3
- 51
- 77