27

Does anyone know how to customize the file explorer window color theme in VS Code? Also how to customize the color of line numbers?

For example, when using the built-in High Contrast color theme, I can see that the file explorer and line number colors are different. But I can't find a way to customize the colors when using an extension color theme, like the material-theme.

user3616544
  • 1,023
  • 1
  • 9
  • 31

2 Answers2

31

From your settings.json Ctrl+,

"workbench.colorCustomizations": {
    "sideBar.background": "#424d66",
    "list.hoverBackground": "#41a6d9",
}

File explorer uses sidebar and list colors.

Color of line numbers:

"editorLineNumber.foreground": "#41a6d9",
"editorLineNumber.activeForeground": "#ff6a00",

https://code.visualstudio.com/docs/getstarted/theme-color-reference#_editor-colors

Alex
  • 59,571
  • 22
  • 137
  • 126
8

enter image description here

assuming you'd like to get a white sidebar and black text in it you need to edit your settings.json like this:

"workbench.colorCustomizations": {
"sideBar.background": "#ffffff",
"sideBar.foreground": "#000000",
"list.hoverForeground": "#ffffff" 
}
user374324
  • 403
  • 4
  • 12