Skip to content

Instantly share code, notes, and snippets.

@Tes3awy
Last active May 19, 2022 20:22
Show Gist options
  • Save Tes3awy/60747cd884b1c99e49787775deb613e1 to your computer and use it in GitHub Desktop.
Save Tes3awy/60747cd884b1c99e49787775deb613e1 to your computer and use it in GitHub Desktop.
VSCode Native Bracket Pair Colorization

Native Bracket Pair Colorization in VSCode

Starting from VSCode v1.60, it is possible to colorize bracket pairs without using extensions, i.e natively, which is 10,000x faster that any other extension, only by setting few values in settings.json

If you want to know more on how native bracket pair colorization is developed, please refer to this official VSCode blog post that explains the cons of using an extension (such as Bracket Pair Colorizer 2) and the pros of using the native colorization option.

{
    // Controls whether bracket pair colorization is enabled or not (Default false)
    "editor.bracketPairColorization.enabled": true,
    // Controls whether bracket pair guides are enabled or not. (Default false)
    "editor.guides.bracketPairs": true,
    // Controls whether horizontal bracket pair guides are enabled or not. (Default "active")
    "editor.guides.bracketPairsHorizontal": true,
    // Controls whether bracket pair guides are enabled or not. (Default true)
    "editor.guides.highlightActiveBracketPair": true,
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment