This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
By default (), [], and {} are matched, however custom bracket characters can also be configured.
A list of colors can be configured, as well as a specific color for orphaned brackets.
Language support provided by Prism.js: http://prismjs.com/#languages-list
"bracketPairColorizer.timeOut"
Configure how long the editor should be idle for before updating the document.
Set to 0 to disable.
"bracketPairColorizer.colorMode"
Consecutive brackets share a color pool for all bracket types
Independent brackets allow each bracket type to use its own color pool
![]()
"bracketPairColorizer.highlightActiveScope"
Should the currently scoped brackets always be highlighted?
"bracketPairColorizer.activeScopeCSS"
Choose a border style to highlight the active scope. Use{color}to match the existing bracket color
It is recommended to disable the inbuilteditor.matchBracketssetting if using this feature
Tip: Add the value"backgroundColor : {color}"to increase visibility
"bracketPairColorizer.consecutivePairColors"
A new bracket pair can be configured by adding it to the array.
Note: Pair must be supported punctuation type by Prism.js
"bracketPairColorizer.independentPairColors"
A new bracket pair can be configured by adding it to the array.
Note: Pair must be supported punctuation type by Prism.js
HTML Configuration
An example configuration for HTML is:
"bracketPairColorizer.consecutivePairColors": [
[
"</",
">"
],
[
"<",
"/>"
],
"<>",
[
"Gold",
"Orchid",
"LightSkyBlue"
],
"Red"
]