How to disable angle bracket highlighting in Visua

Question

I just want to disable the character highlighting that happens on angle brackets, as I find the square box to be annoying. Is there a way to turn it off?

Answer 1

You can always make the bracket border color transparent with these settings:

"workbench.colorCustomizations": {

    "editorBracketMatch.border": "#0000",
    "editorBracketMatch.background": "#000"
}

This will make the border transparent and the bracket's background black - or just make it something less obtrusive given your editor background. But again, this will apply to all brackets, not just angle brackets.

Answer 2

You can use the following: // Highlight matching brackets when one of them is selected. "editor.matchBrackets": false, however it disables highlighting all the brackets not only the angle brackets.

Answer 3

You can search keyword highlight in setting, and you change Editor:Match Bracket to never, like this:

Answer 4

Unfortunately it's still unconfigurable. Maybe they will improved it.

Here is my ticket in VSCode repo that you can watch - https://github.com/microsoft/vscode/issues/73521.

As long as they do not improve, you have two ways

Solution with addon:

1. Disable native bracket matching: "editor.matchBrackets": false,
2. Install addon from https://marketplace.visualstudio.com/items?itemName=rafamel.subtle-brackets
3. Customize it for better visuality, example:

    "subtleBrackets.style": {
        "borderStyle": "solid",
        "borderColor": "#CC7832",
        "borderRadius": "3px",
    }

Native solution without addon:

• You can disable bracket matching highlight only for specific language:

"[html]": {
   "editor.matchBrackets": false
}

Note that this is not a perfect solution, because when using html in php files, angle brackets are still highlighted