CODEWITHSUNDEEP
visual-studio-code
megas
megas

Reputation: 21791

How to hide dashes on right sidebar in VS Code?

I want to get rid off these dashes on right scrollbar of the editor

enter image description here

It's like minimap to indicate the current highlightings in editor.

Update: I think this feature is Bar mode But still I don't know how to change it.

I'm using VS Code for OSX

Upvotes: 2

Views: 1139

Answers (3)

HaveSpacesuit
HaveSpacesuit

Reputation: 3994

You can customize the colors used in the overview ruler in your VS Code settings.json file. Use a transparent color such as "#fff0" to hide the annotations. The list of annotations is in the VS Code docs here (search for overview ruler).

For example, to turn off selection highlighting, bracket matching, and modifications in the scrollbar, add this to your settings.json file:

"workbench.colorCustomizations": {
  "editorOverviewRuler.wordHighlightForeground": "#fff0",
  "editorOverviewRuler.bracketMatchForeground": "#fff0",
  "editorOverviewRuler.addedForeground": "#fff0",
  "editorOverviewRuler.deletedForeground": "#fff0",
  "editorOverviewRuler.modifiedForeground": "#fff0",
},

Upvotes: 1

Dipen Shah
Dipen Shah

Reputation: 26075

Go to Code > Preferences > Settings to open user settings and add following line "editor.selectionHighlight": false, and it will stop highlighting selection.

Upvotes: 3

Hooman Bahreini
Hooman Bahreini

Reputation: 15559

As you pointed out, VS scroll bar has 2 modes: Bar mode and Map mode.

To turn off annotations (in Bar mode):

In VS, go to: Tools -> Options -> Text Editor -> All Languages -> Scroll Bars

Uncheck: Show annotations over vertical scroll bar

enter image description here

Upvotes: 2

Related Questions