Need help with Bracket-Pair-Colorizer-2?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

CoenraadS
631 Stars 55 Forks MIT License 161 Commits 286 Opened issues

Description

Bracket Colorizer Extension for VSCode

Services available

!
?

Need anything else?

Contributors list

No Data

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:
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.

Release Notes


Settings

"bracket-pair-colorizer-2.colors"

Define the colors used to colorize brackets. Accepts valid color names, hex codes, and
rgba()
values.
json
"bracket-pair-colorizer-2.colors": [
    "Gold",
    "Orchid",
    "LightSkyBlue"
]

"bracket-pair-colorizer-2.forceUniqueOpeningColor"

Disabled Enabled

"bracket-pair-colorizer-2.forceIterationColorCycle"

Enabled

"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
Consecutive Independent

"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
BorderStyle
"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
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
Scope Line

"bracket-pair-colorizer-2.showHorizontalScopeLine"

Show a horizontal line between the brackets? Enabled by default
Scope Line

"bracket-pair-colorizer-2.scopeLineRelativePosition"

Disable this to show the vertical line in column 0
Scope Line

"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:

{
    "key": "shift+alt+right",
    "command": "bracket-pair-colorizer-2.expandBracketSelection",
    "when": "editorTextFocus"
},
{
    "key": "shift+alt+left",
    "command": "bracket-pair-colorizer-2.undoBracketSelection",
    "when": "editorTextFocus"
}

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.