-
-
Save sajithneyo/f7019b070703427ec4acc7a8d6478f0d to your computer and use it in GitHub Desktop.
| { | |
| "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" | |
| ] | |
| } |
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 🎉
This was really helpful. Thanks Saji!