CODEWITHSUNDEEP
visual-studio-code
Dmitry Grinko
Dmitry Grinko

Reputation: 15204

How to change color of editor indent in VSCode

I'm using the One Dark Pro theme but I don't like the color highlighting of indent.

enter image description here

This setting doesn't help:

"workbench.colorCustomizations": {
    "editorIndentGuide.activeBackground": "#9e9e9e"
},

It is not editorIndentGuide because I cannot even turn them off with:

"editor.renderIndentGuides": false,

Upvotes: 2

Views: 6176

Answers (3)

Johann Pereira
Johann Pereira

Reputation: 11

Now that the bracket-pair-colorizer-2 are deprecated (2022-03-24), the new solution is:

{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,

  "workbench.colorCustomizations": {
    "editorBracketHighlight.foreground1": "#ffe625",
    "editorBracketHighlight.foreground2": "#00ff15",
    "editorBracketHighlight.foreground3": "#25deff",
    "editorBracketHighlight.foreground4": "#c825ff",
    "editorBracketHighlight.foreground5": "#ff0077",
    "editorBracketHighlight.foreground6": "#ff803b",
    "editorBracketHighlight.unexpectedBracket.foreground": "#ff0000"
  }
}

Another solution from deprecated bracket-pair-colorizer-2.

Upvotes: 1

AnsonH
AnsonH

Reputation: 3256

As suggested in the accepted answer, these lines are drawn by your Bracket Pair Colorizer 2 extension. Currently, the extension will always draw those "bracket scope" lines using the color of that matching bracket. From your example, since you selected the purple parenthesis, the bracket scope line is purple in color.

As a workaround, you can customize the colors used to colorize the brackets using the following option:

"bracket-pair-colorizer-2.colors": [
    "Gold",
    "LightSkyBlue",
    "#ff0000",  // <-- eg. Replace the purple color ("Orchid") with a red color
],

red brackets

Feel free to replace the red color HEX code (#ff0000) to whatever color you like. You can visit the extension's README page to learn how you can customize the extension settings.

Upvotes: 1

myf
myf

Reputation: 11273

I guess these are drawn by Bracket Pair Colorizer 2 extension, so if you want to get rid of those "bracket scope" lines, try to configure

"bracket-pair-colorizer-2.showVerticalScopeLine": false,
"bracket-pair-colorizer-2.showHorizontalScopeLine": false,

(and restart VSCode; on my install this change in config does not catch up upon save).

Upvotes: 1

Related Questions