CODEWITHSUNDEEP
visual-studio-code
Shaktimaan
Shaktimaan

Reputation: 23

How to change the highlight color of file in sidebar while editing a file in VS Code

I would like to change the color(subtle black in my case) of the file highlighter in sidebar while a file is being edited.

Is there a property which I can change in settings.json to change it?

Please take look at the 1st screenshot, I am talking about the very subtle black highlighting of the "settings.json" in the sidebar while I am editing the file.

1st Screenshot

I would like it to be like 2nd screenshot even while editing the file but as soon as I click on the editor it changes to that subtle color shown in the 1st screenshot.

2nd Screenshot

I want to achive this while using the same theme. I hope I am making sense, please let me know if it is confusing, I will try to rephrase it.

Upvotes: 1

Views: 995

Answers (2)

carlfriedrich
carlfriedrich

Reputation: 4019

Open your JSON settings and add the following lines:

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#434343",
}

If you want this changed for just a single theme, wrap the inner setting in a [theme] block:

"workbench.colorCustomizations": {
    "[Your Theme Name]": {
        "list.inactiveSelectionBackground": "#434343",
    }
}

Upvotes: 1

1y0una
1y0una

Reputation: 129

I also found a function( but the solution that ullas kunder gives is much easier):

ctrl+shift+p, search "developer:generate color...". When you come in, you will find all kinds of color settings. We can add some codes and change colors, too.

Upvotes: 0

Related Questions