CODEWITHSUNDEEP
visual-studio-code
user10381316
user10381316

Reputation:

VS code change background color hover element in menu

How can I change the blue color of the hovered element in menu? Now I see that:

enter image description here

I want to change the blue with another color. Thanks

Upvotes: 3

Views: 1175

Answers (2)

Franklin J. Valdez
Franklin J. Valdez

Reputation: 1

if you also want to change the background color of the menu.

Find "Preferences: Open Configuration (JSON)" and run it. This should open settings.json in a new window.

"menu.background": "#282626"

Upvotes: 0

Gen1-1
Gen1-1

Reputation: 442

In version 1.38, in settings.json create a "workbench.colorCustomizations" property if you don't already have it, then under that you can use the property "menu.selectionBackground". Unfortunately, some settings like this have the word "hover" in the name, some use "focus" in the name, and in this case it is "selection", so it's not consistent.

Example:

"workbench.colorCustomizations": {
    "menu.selectionBackground": "#f0de77"
}

Be aware that this highlight/selection color is also controlled by the property "list.activeSelectionBackground", but "menu.selectionBackground" has preference.

Settings.json on Windows is usually located in this folder: %AppData%\Code\User, I don't know about other operating systems.

Upvotes: 3

Related Questions