Indent Guide Coloring

[sooxt98]

Is it possible to archive this? I saw both intellij and vs2017 are able to archive it with plugins

[gjsjohnmurray]

pinging @hediet because of #129231

[hediet]

I will explore this after #129231 landed.

However, I'm sure there are some extensions that do this (although they might be slow)!

[ArturoDent]

Some info here: https://stackoverflow.com/questions/47942390/how-to-change-indent-guide-line-color-between-brackets-in-vscode

I am sure I have seen an extension that does what you seek but I can't find it now.

[sooxt98]

Hi thanks for the help, it’s not possible with the current vscode API, the colour is currently only can apply to active bracket scope, but not inactive indent guide line

…

On Thu, 12 Aug 2021 at 9:31 AM, ArturoDent ***@***.***> wrote: Some info here: https://stackoverflow.com/questions/47942390/how-to-change-indent-guide-line-color-between-brackets-in-vscode I am sure I have seen an extension that does what you seek but I can't find it now. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#130379 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADGCECYPE347O3XURDVTR63T4MP7BANCNFSM5BZEFESA> .

[jjspace]

I use indent-rainbow to acheive a similar effect, it's not the guides themselves but it still gives each indent level a color which is helpful https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow

[thoroc]

Would be nice to see the functionality of the extension folded into vscode proper. one less extension to load.

[smdsbz]

I currently use settings for the native bracket pair feature to achieve such visual. However, I found the colors too distracting and configured it so it shows no color only contrast 😂 , effectively as a bracket-aware indent guide.

Here's the config I use, you may apply whatever color scheme you prefer

Which gives me such result

---

Limitations

1. It seems that it only supports 6 levels thou, the 7th will cycle back to the 1st level.

2. A downside of this approach is that bracket pair does not work for languages that do not use bracket, e.g. Python, HTML.

3. Cascaded non-active indent guides will result in a mix of colors (since background must be transparent, explained later). In my case they are just slightly brighter than others since I only use one color (see the guide under pmem::obj::transaction, which is an addition of transaction::run() and a lambda body [&] {}).

Hack for cascaded guides

Note that the color for background must be transparent, otherwise cascaded brackets that share the same indentation level (e.g. C++ lambda as callback parameter, non-indented switch-case format) will not highlight correctly, as if background is on top of activeBackground.

switch (...) {
|   | <-- here is your cursor
| <-- this will highlight as `activeBackground`, which is of course
case XXXX: {
|
| <-- this will highlight as `background` (i.e. the case's `{}` level),
|     **NOT** `activeBackground` (i.e. the switch's `{}` level),
|     which will probably be a dimmed color and not what you want
|
}
break;
}

This is what will happen if you use solid colors (background = #333333 and activeBackground = #777777). The indent guide pointed to by red arrow really should adopt activeBackground, but instead it just shows background.

Therefore background must be transparent, so activeBackground can shine through. Unfortunately, it also allows other levels' background shine through, and can end up with a disastrous color mix if you rely on different colors to distinguish between indent levels.

[vscodenpa]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for similar existing issues. See also our issue reporting guidelines.

Happy Coding!

[0x5c]

What is the issue this one is a duplicate of?

[hediet]

These are bracket pair guides.