You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+24-4Lines changed: 24 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,19 +10,19 @@ If you use this plugin a lot, please consider a donation:
10
10
11
11
---
12
12
13
-
This extension colorizes the indentation in front of your text alternating four different colors on each step. Some may find it helpful in writing code for Nim or Python.
13
+
This extension colorizes the indentation in front of your text, alternating four different colors on each step. Some may find it helpful in writing code for Python, Nim, Yaml, and probably even filetypes that are not indentation dependent.
14
14
15
15
Note: This will also work with vscode-web (github.dev) since version 8.0.0.
Get it here: [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)
20
20
21
-
It uses the current editor window tab size and can handle mixed tab + spaces but that is not recommended. In addition it visibly marks lines where the indentation is not a multiple of the tab size. This should help to find problems with indentation in some situations.
21
+
It uses the current editor window tab size and can handle mixed tab + spaces (not recommended). In addition, it visibly marks lines where the indentation is not a multiple of the tab size. The visualization can help to find problems with the indentation in some situations.
22
22
23
23
### Configuration
24
24
25
-
Although you can just use it as it is there is the possibility to configure some aspects of the extension:
25
+
Although you can use it as it is, there is the possibility to configure some aspects of the extension:
26
26
27
27
```js
28
28
// For which languages indent-rainbow should be activated (if empty it means all).
@@ -41,7 +41,6 @@ You can configure your own colors by adding and tampering with the following cod
41
41
42
42
```js
43
43
// Defining custom colors instead of default "Rainbow" for dark backgrounds.
44
-
// (Sorry: Changing them needs an editor restart for now!)
45
44
"indentRainbow.colors": [
46
45
"rgba(255,255,64,0.07)",
47
46
"rgba(127,255,127,0.07)",
@@ -59,6 +58,27 @@ You can configure your own colors by adding and tampering with the following cod
59
58
60
59
> Notice: `errorColor` was renamed from `error_color` in earlier versions.
61
60
61
+
### Light mode (new since v8.3.0)
62
+
63
+
There is a (new) alternate mode that uses lines (with a customizable width) instead of the background coloring of the whitespace. Here is an example configuration I like:
64
+
65
+
```js
66
+
// Using the light mode
67
+
"indentRainbow.indicatorStyle":"light",
68
+
// we use a simple 1 pixel wide line
69
+
"indentRainbow.lightIndicatorStyleLineWidth":1,
70
+
// the same colors as above but more visible
71
+
"indentRainbow.colors": [
72
+
"rgba(255,255,64,0.3)",
73
+
"rgba(127,255,127,0.3)",
74
+
"rgba(255,127,255,0.3)",
75
+
"rgba(79,236,236,0.3)"
76
+
```
77
+
78
+
> For this addition, a big thank you goes to Christian Hoock [wk1](https://github.com/wk1). He also added the editor window reload on config changes.
79
+
80
+
### Hiding error highlighting
81
+
62
82
Skip error highlighting for RegEx patterns. For example, you may want to turn off the indent errors for JSDoc's valid additional space (disabled by default), or comment lines beginning with `//`
0 commit comments