user3616544
user3616544

Reputation: 1073

VS Code customize file explorer window color theme

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.

Upvotes: 29

Views: 23331

Answers (2)

user374324
user374324

Reputation: 423

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" 
}

Upvotes: 9

Alex
Alex

Reputation: 67889

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

Upvotes: 33

Related Questions