Change (or add) background color in VS Code when renaming from Explorer

user_144833 0
Viewed 414

In the image below I'm actually in "rename" and I'm highlighting something but there's no highlight. You'll notice there's no cursor as well because it's highlighting. This is driving me a bit bonkers because I'm either counting how many left/right arrow keys I'm moving and such to know where I am. I tried the following colors but none of these seem to do anything (in the Explorer):

"workbench.colorCustomizations": {
    "editorRuler.foreground": "#fc199a22",
    "editor.selectionBackground": "#ab3beb3f",
    "editor.selectionHighlightBackground": "#136460e3",
    "editor.findMatchBackground": "#00cc44a8",
    "editor.findMatchHighlightBackground": "#d0ff004d",
    "scrollbarSlider.background": "#FC199A2c"
},

I tried inspecting the element in the developer console in VS Code but the rename closes when it blurs out of the field which I need to do to select the element to know what the CSS class is to style it.

I didn't see a "rename" or highlight color for the explorer here either: https://code.visualstudio.com/api/references/theme-color#editor-colors

Any help would be super appreciated.

enter image description here

vscode-settings visual-studio-code
1 Answers

You can use the following property:

"selection.background" : "#FF0"

The background color of text selections in the workbench (e.g. for input fields or text areas). Note that this does not apply to selections within the editor.

A caveat to this approach is that it is applied globally, not just the explorer view

selection image

user_23535230
Related