Vscode: Allow bracket matching style customization

Created on 7 Mar 2016  路  7Comments  路  Source: microsoft/vscode

From doc feedback verbatim:
"I'm trying to find out how to change the highlight style of the bracket matching from its current near invisibility regardless of theme to something usable. One shouldn't have to create a whole theme to accomplish this commonly requested customization in all editors/IDEs--just have editor prefs for bracket matching style:[underline|box] and weight:[light|medium|heavy] and color:[#xxxxxx]"

editor feature-request themes

Most helpful comment

With workbench theming you can change brackets border and background color, e.g.:

"workbench.colorCustomizations": {
    "editorBracketMatch.border": "#ff0000",
    "editorBracketMatch.background": "#ff00ff"
}

(this change will be in upcoming 1.13, but is already available from our insiders release: You can give our preview releases a try from: http://code.visualstudio.com/Download#insiders)

Resulting in:

image

I suggest to close this one as I think the original complaint is addressed.

All 7 comments

googling landed me here, and now i'm sad "mar 7"

googling landed me here, and now i'm sad "mar 7"

Same here. Is there a chance this will be implemented?

This is an option vscode desperately needs. Also sad to see this is a 10-month-old request.

Just to add a little support for this; an option to configure the matching cursor just like you can the normal cursor would be amazing.

Right now I find the edit cursor really difficult to locate and I'm constantly making typing errors because I can't immediately see if it's on the left or the right of the closing bracket:

image

A function call with no parameters is even worse!

image

A technique that I've had positive experience with is to simply make the matching brackets bold or a different colour.

The ability to change the style of the bracket highlighting to a solid color (instead of bordered rectangle) would be great along with the ability to change the color and opacity.

Something like...

// Style highlighted matching brackets with "solid" or "border".
"editor.bracketHighlightStyle": solid,

// Color highlighted matching brackets with rgb(), rgba(), or hex color values.
"editor.bracketHighlightColor": rgba(255,255,255,.4),

Please... 馃檹馃徏

With workbench theming you can change brackets border and background color, e.g.:

"workbench.colorCustomizations": {
    "editorBracketMatch.border": "#ff0000",
    "editorBracketMatch.background": "#ff00ff"
}

(this change will be in upcoming 1.13, but is already available from our insiders release: You can give our preview releases a try from: http://code.visualstudio.com/Download#insiders)

Resulting in:

image

I suggest to close this one as I think the original complaint is addressed.

Nice. I love that I can change this now.

Was this page helpful?
0 / 5 - 0 ratings