Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Visual Studio Code sidebar selection color

How to change visual studio sidebar file highlight/selection color?

enter image description here

like image 308
Jake Muller Avatar asked Aug 22 '17 09:08

Jake Muller


People also ask

How do I change the Side Bar color in VS code?

You can customize your active Visual Studio Code color theme with the workbench. colorCustomizations user setting. Note: If you want to use an existing color theme, see Color Themes where you'll learn how to set the active color theme through the Preferences: Color Theme dropdown (Ctrl+K Ctrl+T).

How do I customize my status bar in Vscode?

Change The Status Bar Color Open Command Palette (press “Command” + “Shift” + “P” on Mac and “Ctrl” + “Shift” + “P” on Windows), search for “settings. json” and select “Preferences: Open Settings (JSON)” from the result list.


1 Answers

Use list.

Go to User Settings, add these lines:

"workbench.colorCustomizations": {
    "list.hoverBackground": "#535353",
    "list.activeSelectionBackground": "#fff",
    "list.activeSelectionForeground": "#000",
    ...      
  }

There are many configuration for list, for example "list.hoverBackground": "#535353" set highlight color while your hover on it, "list.activeSelectionBackground": "#fff" set highlight color after you select/click one file, "list.activeSelectionForeground": "#000" set font color of the selected item right after you select/click it. You should explore the rest of them and don't forget to read the description for each configuration, type ctrl+space on each configuration to read the description.

like image 125
mfathirirhas Avatar answered Nov 15 '22 10:11

mfathirirhas