Reputation: 1073
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
Reputation: 423
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
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