CODEWITHSUNDEEP
cssvisual-studio-code
Tanasos
Tanasos

Reputation: 4098

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

Upvotes: 16

Views: 5482

Answers (2)

Noam Manos
Noam Manos

Reputation: 17040

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"

Upvotes: 8

Matt Bierner
Matt Bierner

Reputation: 65623

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

Upvotes: 33

Related Questions