'vscode - change highlight color of current file

How can I add a custom style for the background of the opened file (the pale-grey behind fetch.js):

enter image description here



Solution 1:[1]

I believe you are looking for the list.inactiveSelectionBackground theme setting. You can set this using workbench.colorCustomizations

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#f0f"
}

enter image description here

This color used used when the explorer is not focused. Use list.activeSelectionBackground for when the explorer is focused

Solution 2:[2]

To highlight the current file tab on top -

Under Settings --> "workbench.colorCustomizations", add some colors to the tab border and/or to the tab background:

"tab.activeBorder": "#ff0000",
"tab.unfocusedActiveBorder": "#000000",
"tab.activeBackground": "#4a4a75",
"tab.unfocusedactiveBackground": "#000000"

Solution 3:[3]

I think that you can find the solution to this problem right here:

Visual Studio - Current file in Solution Explorer - Make it darker?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Matt Bierner
Solution 2
Solution 3 svandewiel