Skip to content

Bracket pair colorization of Vue and Liquid template tags - skip, exclude or specifically colorize #132240

@lorand-horvath

Description

@lorand-horvath

The new bracket pair colorization feature in VSCode 1.60 uses different colors for the inner and outer curly brackets in certain templating languages such as Shopify Liquid or Vue's string interpolation in templates.

Example in Liquid and Vue: {{ code }} should have both pair of brackets of the same color, not a yellow and a magenta one - it's tough on the eyes. Preferably, both inner and outer pairs should be either yellow or white or gray.

Also, in Liquid, the control flow tags {% code %} have the curly brackets yellow and the percentage signs as gray - it also looks weird. {% and %} should both be of the same color (yellow, white or gray).

It would be preferable to have an option added to "Bracket pair colorization" to be able to exclude certain delimiters from being colorized. For example: excludedDelimiters: ["{{", "}}", "{%", "%}"] or to be able to choose their specific color.

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions