VS Code customize file explorer window color theme

visual-studio-code vscode-extensions
user3616544 picture user3616544 · Apr 29, 2016 · Viewed 8.8k times · Source

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.

Answer

Alex picture Alex · Dec 26, 2017

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

Related questions

Where are the VSCode error logs for extensions?

When I get an extension error I have no way of knowing why the error happens.

Read More
Customizing syntax highlighting in Visual Studio Code

I'm currently trying to write an extension for a new file type (ANTLR) and wonder how to change the colors used for syntax highlighting in Visual Studio Code. To me it looks as if that is not defined in the …

Read More
Create Custom Language in Visual Studio Code

Is there a way to extend the supported languages/grammars in Visual Studio Code? I'd like to add a custom language syntax, but I've not been able to find any information on how language services are provided. Can anybody point …

Read More