DEV Community


Native Bracket Pair Colourization in VS Code

Nick Taylor (he/him)
Lead software engineer at Forem. Caught the live coding bug on Twitch at
Originally published at Updated on ・1 min read

Cross-posted from

I’m a big fan of the Bracket Pair Colorizer extension, but it looks like this is native in VS Code now and much faster!

Configure native bracket pair colourization

  1. Make sure to remove the Bracket Pair Colorizer extension.
  2. Update VS Code
  3. Open your user settings via CMD (CTRL for non-Mac users) + Shift + P and type settings. The settings JSON file will open. Add the following:
"editor.bracketPairColorization.enabled": true
Enter fullscreen mode Exit fullscreen mode

All colors are themeable and up to six colors can be configured.

James Q. Quick has a video about getting this all set up

Happy VS Coding!

Discussion (2)

leewynne profile image
Lee Wynne

This is great. I don’t know why I am so fussy and snobby about my vscode and iterm setup 🙈🙈

thomasbnt profile image
Thomas Bnt

Really love this extension! I used that on VSCode and Jetbrains 👌🏼