CODEWITHSUNDEEP
visual-studio-codebrackets
wonder95
wonder95

Reputation: 4275

Change bracket highlight weight in VS Code to be more visible

I'm just getting VS Code set up to use, one of the things I like to have is highlighting that's visible so I don't have to really look for it. I have the editor.matchBrackets setting set to true, so my brackets are highlighted when one is selected. However, the highlighting is so faint (very thin lines) that it's hard to see (I'm using the Dark+ theme, one of the default themes). Is there a way to affect the bracket highlighting, such as the color, line size, etc, so that it's easy to see?

Thanks.

Upvotes: 3

Views: 2367

Answers (3)

Faizan Ashiq
Faizan Ashiq

Reputation: 67

you can add this setting to your settings.json file to apply lighter color brackets. You can just customize these colors of your interest. Bracket pair colorization should be enabled in settings

    "workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#ffffff",
    "editorBracketHighlight.foreground2": "#ffb534",
    "editorBracketHighlight.foreground3": "#d549ff",
    "editorBracketHighlight.foreground4": "#44ecff",
    "editorBracketHighlight.foreground5": "#9eff3e",
    "editorBracketHighlight.foreground6": "#2e74ff",
    "editorBracketHighlight.unexpectedBracket.foreground": "#db6165"
}

Bracket pair custom colors

If you want to have the same color for all nested brackets, you can disable "independent color pool per bracket type" in the settings.

Upvotes: 1

loretogutierrezjr
loretogutierrezjr

Reputation: 94

You can try this extension Subtle Brackets by modifying the following the default values in the .json settings of VS Code:

I changed it like this:

"subtleBrackets.bracketPairs": [
    "{}",
    "[]",
    "()",
    "<>"
],
"subtleBrackets.styles": {
    "global": {
        "color": "yellow",
        "borderWidth": "1px",
        "borderStyle": "none none solid none"
    }
}

Don't forget to set to "false" the value of .matchbrackets of VS Code.

"editor.matchBrackets": false

Upvotes: 2

alefragnani
alefragnani

Reputation: 3313

Unfortunately, you can't do that.

You should look for another Theme that fit your needs, or maybe upvote this issue in VS Code repo which seems similar to your needs. This issue also suggest install an extension that colorize brackets. It's not a solution, but might help.

Upvotes: 0

Related Questions