hussien ahmed
hussien ahmed

Reputation: 69

How to remove the colored indent area guide in VS Code?

How I can remove this area guide in VS Code?

enter image description here

Upvotes: 5

Views: 4785

Answers (2)

topsail
topsail

Reputation: 3119

Another option is to mute the extension, so that you see more traditional indent guides. In settings (currently) you have classic and light indicator styles. Choose the light style. Also consider adding an entry to exclude all file types from highlighting errors (which will show up in some shade of red colorization otherwise).

Classic style (default):

enter image description here

Light style:

enter image description here

Note:

Both of these settings can be added to your settings.json. Typically it is easy to work with the GUI version of the settings editor in VSCode, but in some cases (like the ignoreErrorLanguages) you may have to edit the settings in settings.json directly:

"indentRainbow.indicatorStyle": "light",
"indentRainbow.ignoreErrorLanguages": [
    "*",
],

Upvotes: 4

Gino Mempin
Gino Mempin

Reputation: 29600

That does not look like the built-in indent guides of VS Code.

That looks like you have the indent-rainbow extension installed:

(screenshot from extension page)
indent-rainbow screenshot

Just disable or uninstall the extension.

enter image description here

Upvotes: 13

Related Questions