Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I change the scrollbar separator color in vscode?

vscode scrollbar

Need to change this color, its not one of the options provided for scrollbar theming. Is it hiden someplace else?

Scroll Bar Control
scrollbar.shadow: Scroll Bar shadow to indicate that the view is scrolled.
scrollbarSlider.activeBackground: Slider background color when active.
scrollbarSlider.background: Slider background color.
scrollbarSlider.hoverBackground: Slider background color when hovering.
like image 800
Marcelo Mason Avatar asked Dec 06 '25 08:12

Marcelo Mason


2 Answers

settings.json:

"editor.overviewRulerBorder": false
like image 151
Alex Avatar answered Dec 08 '25 23:12

Alex


To change the colour of the separator, you can add this to settings.json:

"workbench.colorCustomizations": {
    "editorOverviewRuler.border": "#191C22"
}
like image 35
aero Avatar answered Dec 09 '25 00:12

aero