15

What is the setting variable to turn this off

or if you know why Prettier - Javascript does format the code but some lines are still marked in color like here

I only have Prettier-eslint installed in command line so not sure what else can VSCode trigger

Color next to line numbers

Gama11
  • 31,714
  • 9
  • 78
  • 100
AlexGvozden
  • 387
  • 1
  • 3
  • 11
  • Hmm I have the problem that this lines prevent me from setting breakpoints in this part of the code. WTF?? I want to set a breakpoint. – Stefan Peter Aug 09 '22 at 08:38

2 Answers2

16

Those are gutter indicators that Vscode adds to files within a git repository. I don't see any way to get rid of them - other than staging or committing the changes.

You can change their colors within settings.json so you could change them to the same color as the editor background to hide them. For example,

 "workbench.colorCustomizations": {

  "editorGutter.addedBackground": "#333",
  "editorGutter.deletedBackground": "#333",
  "editorGutter.modifiedBackground": "#333",
  "editor.background": "#333",
 }
Mark
  • 143,421
  • 24
  • 428
  • 436
  • 1
    oh yea? that's great but I hate it :)) I know how to remove it, you turn of git management completely in VScode, – AlexGvozden Aug 25 '17 at 22:10
  • Just set the color to transparent: `#0000`. Turning off git support completely is not a good solution unless you don't care about any git features – Matt Bierner Aug 26 '17 at 02:36
  • @Mark is there a way to change the colors of those git-related indicators on the minimap as well? Particularly the "deleted" type, because having them show as red interferes with the red indicators from eslint errors, which is undesirable – Pat Needham Feb 07 '18 at 19:03
  • Nvm I found it on Alex's answer here https://stackoverflow.com/a/43973209/772985 - `"editorOverviewRuler.deletedForeground": "#0000"` - initially tried that but didn't realize I had to actually close VS Code (whole window) and reopen for it to take effect! – Pat Needham Feb 07 '18 at 19:09
5

Thanks to the help of @Mark he helped me figure out it's a git options in Visual studio code that show diff in your file (added and removed lines)

Tu turn it off, Go to Settings and find git.enabled setting and set it to false

AlexGvozden
  • 387
  • 1
  • 3
  • 11
  • 23
    This doesn't just hide the gutter colors in editor as the OP asked, this turn off all the GIT management of VsCode. Just go to Settings and search for "Scm Diff Decorations" and set to none. – Channel Feb 14 '20 at 08:38