VS code change background color hover element in menu

Question

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

I want to change the blue with another color. Thanks

Answer 1

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.