如何修改indent-rainbow扩展的显示样式以实现多色缩进线

要把indent-rainbow改成你要的多色缩进线样式，直接在VS Code的设置里调整扩展配置项就行，步骤如下：

• 打开VS Code设置：用快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac），或者通过「文件>首选项>设置」打开
• 在设置搜索框输入indentRainbow，找到扩展的相关配置项
• 点击设置界面右上角的「打开设置(JSON)」按钮，把以下配置代码粘贴进去：

"indentRainbow.colors": [
    "rgba(160, 220, 255, 0.3)",
    "rgba(180, 240, 180, 0.3)",
    "rgba(220, 180, 255, 0.3)",
    "rgba(255, 220, 160, 0.3)"
],
"indentRainbow.indicatorStyle": "line",
"indentRainbow.indentSetter": 4,
"indentRainbow.lightIndicatorStyleLineWidth": 1

配置项说明： #

• indentRainbow.colors：定义循环显示的缩进线颜色，用rgba格式可调整透明度，你可以根据目标样式替换成更匹配的色值
• indentRainbow.indicatorStyle：设置为line时，扩展会显示缩进线而非默认的背景色块，这是实现线效果的关键
• indentRainbow.indentSetter：设置你的代码缩进宽度（一般是2或4空格，按自己习惯修改）
• indentRainbow.lightIndicatorStyleLineWidth：调整缩进线的粗细，默认1px，按需修改

如果是深色主题，你可以把颜色亮度调低一点，或者直接用实色（比如#a0dcff），确保线条在深色背景下清晰可见。

内容的提问来源于stack exchange，提问作者Elguajo