Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can you disable Gutter Indicators in VS Code?

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?

like image 904
Lokathor Avatar asked May 14 '17 22:05

Lokathor


People also ask

How do I turn off VS Code hints?

Type “editor. hover. enable” into the search field then check/uncheck the checkbox associated with “Controls whether the hover is shown.” to enable/disable the suggestion tooltip on hover.

How do I turn off warnings in VS Code?

To disable TypeScript warnings in VS Code, we can set a few options in our VS Code settings to disable them. { //... "typescript. validate. enable": false, "javascript.

What are gutter indicators?

Gutter indicators If you open a folder that is a Git repository and begin making changes, VS Code will add useful annotations to the gutter and to the overview ruler. A red triangle indicates where lines have been deleted. A green bar indicates new added lines. A blue bar indicates modified lines.


2 Answers

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" } 
like image 99
Alex Avatar answered Oct 07 '22 10:10

Alex


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

like image 35
Channel Avatar answered Oct 07 '22 11:10

Channel