How to disable gutter indicators in VS code?

Question

In VS Code, if you have version control in the folder in which you work, it will try to indicate which lines are new and which lines are changed with small color patches in the "Gutters" section. In fact, both on the left and next to line numbers, as well as on the right side in the scroll bar.

Is there any way to turn off all this nonsense? It basically distracts me.

Answer 1

You can change it in settings.json Ctrl +,

"scm.diffDecorations": "all" | "gutter" | "overview" | "none"

---

Or you can make them transparent:

"workbench.colorCustomizations": {
    // Gutter indicators (left)
    "editorGutter.modifiedBackground": "#0000",
    "editorGutter.addedBackground": "#0000",
    "editorGutter.deletedBackground": "#0000",
    // Scrollbar indicators (right)
    "editorOverviewRuler.addedForeground": "#0000",
    "editorOverviewRuler.modifiedForeground": "#0000",
    "editorOverviewRuler.deletedForeground": "#0000"
}