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"
  ]
}

Thank you @sajithneyo. I knew someone would have the colors I didn't know I wanted.

Much appreciated @sajithneyo. To loosely quote @ryderwishart, you have provided the colors I didn't know I needed yet.

Thank you very, very much.

Much appreciated!! Thanks! (: 👍

Thank u 👌.

Thanks 👍

Welcome guys 👍

This was really helpful. Thanks Saji!

Nice +1

Do you know the rgb values for the colors?

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

  "workbench.colorCustomizations": {
   "editorBracketHighlight.foreground1": "#FFD700",
   "editorBracketHighlight.foreground2": "#DA70D6",
   "editorBracketHighlight.foreground3": "#87CEFA",
   "editorBracketHighlight.foreground4": "#FA8072",
   "editorBracketHighlight.foreground5": "#7CFC00",
   "editorBracketHighlight.foreground6": "#FF8C00"
 }

These seem to be the default values. Do they match the colours in this gist?

  "workbench.colorCustomizations": {
   "editorBracketHighlight.foreground1": "#FFD700",
   "editorBracketHighlight.foreground2": "#DA70D6",
   "editorBracketHighlight.foreground3": "#87CEFA",
   "editorBracketHighlight.foreground4": "#FA8072",
   "editorBracketHighlight.foreground5": "#7CFC00",
   "editorBracketHighlight.foreground6": "#FF8C00"
 }

These seem to be the default values. Do they match the colours in this gist?

Yes.
I used this site - https://rgbcolorcode.com/ to get the RGB's.

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