Vscode: Better bracket highlight visibility

[waderyan]

From UserVoice (600 votes)

The bracket highlight is too dim to easily see with most themes. In Notepad++ the brackets change color and become bold, i think that is much easier to see. Highlighting the "current bracket set" would also be really nice.

I understand the themes can be changed in a convoluted way. For such an important feature i think the feature should be default or easily accessible.

[seanmcbreen]

We do offer bracket highlighting:

We also have indent guides which should help a lot here.

There are some good extensions e.g. Rainbow Brackets.
https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

[waderyan]

@seanmcbreen the request is to improve the visibility of bracket highlighting. OP's opinion was its too dim.

[jitendravyas]

I'm looking for this feature. Do we have that ? https://github.com/facelessuser/BracketHighlighter

But VSCODE highlights every similar instance

And this plugin doesn't help in this case https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets

[bgashler1]

@jitendravyas That's odd, both my light theme and dark theme are not showing the same problem as your second screenshot.
Our bracket matching works when your caret is on a tag. However, if you highlight-select the text of the tag, then it can be confusing because in addition to bracket matching, it will highlight all text that matches the selection (and there isn't enough contrast today to really always tell the difference). However, we will be improving color contrast to improve that scenario.

[AlexWaha]

How to change tag highlight background and foreground color?

[vvatikiotis]

HTML tag matching works in my theme, highlighting matching tags, _when there are no JSX javascript expressions within the tags_. However, tag highlighting works erratically when there are JSX javascript expressions within 2 enclosing HTML tags.

Works as intended:

Doesn't work:

[bgashler1]

@vvatikiotis thanks for reporting that. Since it's a different issue than being discussed here, I created a new issue for you.

[billyhoomm]

may i asked this problem has resolved？ i haven't find the extension like this :https://github.com/facelessuser/BracketHighlighter

[rwatts3]

@jitendravyas
What theme is this ?

[bpasero]

Can be done via our theming work now:

[kurtextrem]

I am sorry, but configuring the background or the border does not help in that case. We'd need something like "editorBracketMatch.border": "bottom #ff00ff".
See e.g. https://github.com/Microsoft/vscode/issues/23606 and https://github.com/Microsoft/vscode/issues/19534 (which was said to be tracked here).

[martinandersen3d]

And fontColor please

[loretogutierrezjr]

Hi,
It's the same problem with me.. I'm looking for some tweaks for match brackets in VS Code and I came across searching this one..

Subtle Brackets

It's working to me with the latest VS Code 1.16.1!