59

In VS Code, if there's version control in a folder you're working in, it will try and indicate what lines are new and what lines are changed with little color patches in the "gutter" section. Actually, both on the left side near the line numbers, and also on the right side in the scroll bar. Is there a way to turn that off?

1
  • If somebody found this because they can't see the gutter git colors - make sure it's on (opposite setting from answers below), and make sure you open the file from the Git SCM by "Open File" - it may be a different path than relative (which doesn't work righ now).
    – jave.web
    Apr 10, 2022 at 21:17

6 Answers 6

98

It is possible to 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"
}
6
  • 1
    Nice. Didn't work at first, but I just had to reload the entire editor after the change.
    – Lokathor
    May 16, 2017 at 14:40
  • 1
    This disabled git completely. I just want to disable gutter indicators. Aug 16, 2017 at 2:38
  • Although this does indeed remove it, I want to preserve all other git functionality. I've raised an issue. github.com/Microsoft/vscode/issues/37975 Nov 9, 2017 at 18:29
  • To preserve GIT functionality and just hide the gutter indicators, see my answer below.
    – Channel
    Feb 14, 2020 at 8:45
  • Does anyone know where the supported colors are documented? Update: found it Apr 27, 2020 at 19:06
24

Just go to Settings and search for "Scm Diff Decorations" and set to none.

1
  • Is there a way to choose two of them? I just don't want it on the overview ruler.
    – aaronn
    Apr 11, 2022 at 13:39
9
  1. Go to File> Preferences> Settings> Features> SCM.

    Shortcut: [ Ctrl ][ Shift ][ P ] > Preferences: Open User Settings> Features> SCM.

  2. Set Diff Decorations to none.

Note that setting other options like the Gutter options shown below may remove some parts of it, but may leave the little red arrow while setting the Diff Decorations option to none will remove everything.

enter image description here

4

Look under Settings -> Features -> SCM -> Diff Decorations and set to none

1

If you arrived here, wanting to turn this feature off because you kept clicking on the SCM gutter bars by accident and accidentally opening the diff when you don't want to, this may be of value to you.

As an alternative to turning this useful feature off, consider setting the "SCM: Diff Decorations Gutter Action" instead. This setting controls what happens when you click on the gutter bars; setting to "none" prevents them from being clickable. This allows you to keep the visual information they provide while getting rid of the unwanted behavior.

    "scm.diffDecorationsGutterAction": "none", // suppress opening diffs in margin ("gutters")
-1

In Visual Studio 2022 Under Tools --> Options --> Text Editor --> General --> Remove tick from Track changes.

1
  • This is about Visual Studio Code, not Visual Studio.
    – TylerH
    yesterday

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.