Bracket Pair Colorizer 2

This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colours to use.

Screenshot:



F.A.Q.

Differences between v1 and v2? v2 Uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy. A new version was released because settings were cleaned up, breaking backwards compatibility.



Settings

"bracket-pair-colorizer-2.colors"

Define the colors used to colorize brackets. Accepts valid color names, hex codes, and rgba() values.

"bracket-pair-colorizer-2.colors": [ "Gold", "Orchid", "LightSkyBlue" ]

"bracket-pair-colorizer-2.forceUniqueOpeningColor"



"bracket-pair-colorizer-2.forceIterationColorCycle"



"bracket-pair-colorizer-2.colorMode"

Consecutive brackets share a color pool for all bracket types

Independent brackets allow each bracket type to use its own color pool



"bracket-pair-colorizer-2.highlightActiveScope"

Should the currently scoped brackets always be highlighted?

"bracket-pair-colorizer-2.activeScopeCSS"

Choose a border style to highlight the active scope. Use {color} to match the existing bracket color

It is recommended to disable the inbuilt editor.matchBrackets setting if using this feature



"bracket-pair-colorizer-2.activeScopeCSS": [ "borderStyle : solid", "borderWidth : 1px", "borderColor : {color}", "opacity: 0.5" ]

"bracket-pair-colorizer-2.showBracketsInGutter"

Show active scope brackets in the gutter



"bracket-pair-colorizer-2.showBracketsInRuler"

Show active scope brackets in the ruler

"bracket-pair-colorizer-2.rulerPosition"

Decoration position in the ruler

"bracket-pair-colorizer-2.showVerticalScopeLine"

Show a vertical line between the brackets? Enabled by default



"bracket-pair-colorizer-2.showHorizontalScopeLine"

Show a horizontal line between the brackets? Enabled by default



"bracket-pair-colorizer-2.scopeLineRelativePosition"

Disable this to show the vertical line in column 0



"bracket-pair-colorizer-2.scopeLineCSS"

Choose a border style to highlight the active scope. Use {color} to match the existing bracket color

"bracket-pair-colorizer-2.scopeLineCSS": [ "borderStyle : solid", "borderWidth : 1px", "borderColor : {color}", "opacity: 0.5" ]

"bracket-pair-colorizer-2.excludedLanguages"

Exclude a language from being colorized

Commands

These commands will expand/undo the cursor selection to the next scope

"bracket-pair-colorizer-2.expandBracketSelection"

"bracket-pair-colorizer-2.undoBracketSelection"

Quick-start: