Settings you need for bracket pair colorizer 2

bracket-pair-colorizer-2-settings

{
  "bracket-pair-colorizer-2.colors": [
    "Gold",
    "Orchid",
    "LightSkyBlue",
    "Salmon",
    "LawnGreen",
    "DarkOrange",
    "Cornsilk"
  ],
  "bracket-pair-colorizer-2.highlightActiveScope": true,
  "bracket-pair-colorizer-2.activeScopeCSS": [
    "borderStyle : solid",
    "borderWidth : 1px",
    "borderColor : {color}",
    "opacity: 0.5"
  ],
  "bracket-pair-colorizer-2.showBracketsInGutter": true,
  "bracket-pair-colorizer-2.showBracketsInRuler": true,
  "bracket-pair-colorizer-2.scopeLineRelativePosition":true,
  "bracket-pair-colorizer-2.scopeLineCSS": [
    "borderStyle : solid",
    "borderWidth : 1px",
    "borderColor : {color}",
    "opacity: 0.5"
  ]
}

"editor.bracketPairColorization.enabled": true,
"workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#FFD700",
    "editorBracketHighlight.foreground2": "#DA70D6",
    "editorBracketHighlight.foreground3": "#87CEFA",
    "editorBracketHighlight.foreground4": "#FA8072",
    "editorBracketHighlight.foreground5": "#7CFC00",
    "editorBracketHighlight.foreground6": "#FF8C00",
    "editorBracketHighlight.unexpectedBracket.foreground": "#db6165"
},

An opinionated alternative, modified to allow for opacity in each hex code.

"editor.bracketPairColorization.enabled": true,
"workbench.colorCustomizations":  {
	"editorBracketHighlight.foreground1": "#FFD700CC",
	"editorBracketHighlight.foreground2": "#DA70D6CC",
	"editorBracketHighlight.foreground3": "#87CEFACC",
	"editorBracketHighlight.foreground4": "#FA8072CC",
	"editorBracketHighlight.foreground5": "#7CFC00CC",
	"editorBracketHighlight.foreground6": "#FF8C00CC"
},

Does anyone know how to include angle bracket?

Does anyone know how to include angle bracket?

Nope. 🙅🏻‍♂️ I Don't think that's currently even possible.

Just what I was looking for, tyvm 🎉