How to enable the additional line like in picture 1

[baui-dev]

I love the extension! But Im struggling to find the setting to enable the line as displayed in screenshot 1 of the readme. No matter what I change I still only get the style in screenshot 2.

[oderwat]

https://github.com/oderwat/vscode-indent-rainbow#light-mode-new-since-v830 ?

[MarvinAnner]

Thank you so much! I works perfeclty.

[javakotlinuser]

its package.json

[NguyenTanPhat-Tony]

// Using the light mode
"indentRainbow.indicatorStyle": "light",

// we use a simple 1 pixel wide line
"indentRainbow.lightIndicatorStyleLineWidth": 1,

// the same colors as above but more visible
"indentRainbow.colors":
[
"rgba(255,255,64,0.3)",
"rgba(127,255,127,0.3)",
"rgba(255,127,255,0.3)",
"rgba(79,236,236,0.3)"
]

---

You need to add this code to the JSON file for configuration, and note that the last number in each rgba color code controls the brightness of the line, higher values make it brighter.

For example:
"rgba(255,255,64,0.9)" is brighter than "rgba(255,255,64,0.3)".