# 1. Uninstall previous Bracket Pair colorization extension
# (official feature is based on Bracket Pair Colorizer by CoenraadS).
# 2. Search and open settings.json pressing F1 or Ctrl + Shift + P
{
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active"
}
# 3. Restart VS Code if needed.
# Full settings:
{
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true,
"editor.guides.bracketPairsHorizontal": true,
"editor.guides.highlightActiveBracketPair": true,
# Color customization:
"workbench.colorCustomizations": {
"editorBracketHighlight.foreground1": "#5bb3b3",
"editorBracketHighlight.foreground2": "#fac863",
"editorBracketHighlight.foreground3": "#f99157",
"editorBracketHighlight.foreground4": "#ec5f67",
"editorBracketHighlight.foreground5": "#bb80b3",
"editorBracketHighlight.foreground6": "#98C379",
}
}
# OR change at UI Preferences
1. In VSCode, go under the File Menu -> Preferences -> Settings
2. Search for the setting: bracketPair
3. Click the checkbox to turn on the bracket pair colorization