CODEWITHSUNDEEP
visual-studio-code
Raphaël Balet
Raphaël Balet

Reputation: 8605

How to change VSCode search highlight color

When I'm searching for something in VSCode enter image description here

and highlight the search enter image description here

the text is not readable anymore. Is it possible to only change this highlight background?

If yes, what is the required variable?

Upvotes: 7

Views: 2855

Answers (2)

From Orbonia
From Orbonia

Reputation: 686

That was just the hint I needed to sort out what I wanted. I liked the Monokai Dimmed, but the Find All in a file colours just made the text illegible. I also used the alpha (transparency) channel so ended up with:

enter image description here

The settings.json ended up containing:

"workbench.colorCustomizations": {
    "[Monokai Dimmed]": {
        "editor.findMatchHighlightBackground": "#9c9c783c",
        "editor.findMatchBackground": "#fbfbbf"
    }
}

Upvotes: 3

Debargha Roy
Debargha Roy

Reputation: 2708

Open your Settings in JSON format

enter image description here

and add the below property to the main object

"workbench.colorCustomizations": {
    "selection.background": "#202020"
}

Here #202020 is a shade of black. You can use the color code of your choice.

Refer Base Colors for all the base color properties and Input-Control for all the input control specific properties.

Additional Reference: Customizing Color Theme - Docs

Upvotes: 7

Related Questions