5

How can I remove the symbols on the right scrollbar in VSCode? Scrollbar symbols

FeifanZ
  • 16,250
  • 7
  • 45
  • 84
George
  • 197
  • 2
  • 14

2 Answers2

3

It looks like you're referring to the Overview ruler in VSCode. This is detailed in this answer. Copied below:

You can configure these settings:

// Controls if the cursor should be hidden in the overview ruler.
"editor.hideCursorInOverviewRuler": false,

// Controls if a border should be drawn around the overview ruler.
"editor.overviewRulerBorder": true,

// Controls the number of decorations that can show up at the same position in the overview ruler
"editor.overviewRulerLanes": 3

… but also some configurable colours, which is the most thorough explanation I've found:

Overview ruler

This ruler is located beneath the scroll bar on the right edge of the editor and gives an overview of the decorations in the editor.

  • editorOverviewRuler.border: Color of the overview ruler border.
  • editorOverviewRuler.findMatchForeground: Overview ruler marker color for find matches. The color must not be opaque to not hide underlying decorations.
  • editorOverviewRuler.rangeHighlightForeground: Overview ruler marker color for highlighted ranges, like by the Quick Open, Symbol in File and Find features. The color must not be opaque to not hide underlying decorations.
  • editorOverviewRuler.selectionHighlightForeground: Overview ruler marker color for selection highlights. The color must not be opaque to not hide underlying decorations.
  • editorOverviewRuler.wordHighlightForeground: Overview ruler marker color for symbol highlights. The color must not be opaque to not hide underlying decorations.
  • editorOverviewRuler.wordHighlightStrongForeground: Overview ruler marker color for write-access symbol highlights. The color must not be opaque to not hide underlying decorations.
  • editorOverviewRuler.modifiedForeground: Overview ruler marker color for modified content.
  • editorOverviewRuler.addedForeground: Overview ruler marker color for added content.
  • editorOverviewRuler.deletedForeground: Overview ruler marker color for deleted content.
  • editorOverviewRuler.errorForeground: Overview ruler marker color for errors.
  • editorOverviewRuler.warningForeground: Overview ruler marker color for warnings.
  • editorOverviewRuler.infoForeground: Overview ruler marker color for infos.
  • editorOverviewRuler.bracketMatchForeground: Overview ruler marker color for matching brackets.
FeifanZ
  • 16,250
  • 7
  • 45
  • 84
  • I haven't succeeded in disabling the overview ruler. Can anyone on recent vscode builds share their config to disable it? – George Nov 22 '19 at 23:43
  • 1
    Changing the colours of every `editorOverviewRuler` attribute seems to work, after restarting vscode. Otherwise, disabling the right scrollbar is kind of a killer: `"editor.scrollbar.verticalScrollbarSize": 0` – George Nov 23 '19 at 00:07
  • 1
    Thanks, @FeifanZ, for your help. – George Nov 24 '19 at 21:06
  • `editor.overviewRulerBorder` is a life saver if your theme makes it hard to distinguish the border of the overview ruler with the line-length rulers (`editor.rulers`). – bers Apr 30 '20 at 07:29
3

As per this Github issue, a more recent solution would be to use use workbench.colorCustomizations to make the colors transparent:

    "workbench.colorCustomizations": {
        // OverviewRuler
        "editorOverviewRuler.border": "#0000",
        /// Search command
        "editorOverviewRuler.findMatchForeground": "#fff4",
        "editorOverviewRuler.rangeHighlightForeground": "#0000",
        "editorOverviewRuler.selectionHighlightForeground": "#0000",
        "editorOverviewRuler.wordHighlightForeground": "#0000",
        "editorOverviewRuler.wordHighlightStrongForeground": "#0000",
        "editorOverviewRuler.modifiedForeground": "#0000",
        "editorOverviewRuler.addedForeground": "#0000",
        "editorOverviewRuler.deletedForeground": "#0000",
        //"editorOverviewRuler.errorForeground": "#0000ff",
        //"editorOverviewRuler.warningForeground": "#ff00ff",
        //"editorOverviewRuler.infoForeground": "#00ff00",
        "editorOverviewRuler.bracketMatchForeground": "#0000",
    }
George
  • 197
  • 2
  • 14