RainbowIndent

by jfcherng ST4

Makes indentation easier to read.

Labels indent

Details

Version 0.1.6
Homepage github.com
Issues github.com
Modified 1 year ago
Last Seen 3 hours ago
First Seen 1 year ago

Installs

Total 1K
Win 583
Mac 287
Linux 234

	Aug 8	Aug 7	Aug 6	Aug 5	Aug 4	Aug 3	Aug 2	Aug 1	Jul 31	Jul 30	Jul 29	Jul 28	Jul 27	Jul 26	Jul 25	Jul 24	Jul 23	Jul 22	Jul 21	Jul 20	Jul 19	Jul 18	Jul 17	Jul 16	Jul 15	Jul 14	Jul 13	Jul 12	Jul 11	Jul 10	Jul 9	Jul 8	Jul 7	Jul 6	Jul 5	Jul 4	Jul 3	Jul 2	Jul 1	Jun 30	Jun 29	Jun 28	Jun 27	Jun 26	Jun 25	Jun 24
Windows	1	1	2	0	2	2	0	0	1	0	1	0	1	1	1	1	2	1	0	0	1	0	2	2	1	2	0	0	0	3	1	2	1	0	0	0	3	1	2	0	3	1	1	4	1	0
Mac	2	0	0	0	0	1	0	0	0	3	0	0	0	1	0	0	0	1	1	0	0	1	2	1	3	0	1	0	1	0	0	0	3	0	0	1	0	1	0	0	0	0	0	0	1	1
Linux	0	2	5	0	1	0	0	0	0	2	0	0	0	1	1	0	0	1	0	1	0	0	0	1	1	1	0	0	0	0	0	0	0	0	2	1	0	0	0	1	0	0	2	1	1	0

Readme

Source: raw.githubusercontent.com

ST-RainbowIndent

screenshot

Makes indentation easier to read.

This is a simple conceptual clone of the Indent Rainbow VSCode extension.

Installation

This package is available on Package Control by the name of RainbowIndent.

FAQ

How to Customize Indent Colors?

First, you have to decide how many colors you want to use for indents.

Say, if you want to use 6 colors, add the following into plugin's level_colors setting.

"level_colors": [
    "region.indent.0",
    "region.indent.1",
    "region.indent.2",
    "region.indent.3",
    "region.indent.4",
    "region.indent.5",
],

These region.indent.0 … region.indent.5 are called scopes in Sublime Text. Names of scope aren't important but I just feel these names are self-explanatory.

Next, you have to add coloring rules into your color scheme for those scopes. For example, adding the following rules into your color scheme.

foreground is the indent line color when level_style is set to line.
background is the indent background color when level_style is set to block.

Valid color formats are listed on Sublime Text's official document.

///////////////////
// RainbowIndent //
///////////////////
{
    // red
    "foreground": "rgba(229, 57, 53, 0.35)",
    "background": "rgba(229, 57, 53, 0.2)",
    "scope": "region.indent.0",
},
{
    // green
    "foreground": "rgba(67, 160, 71, 0.35)",
    "background": "rgba(67, 160, 71, 0.2)",
    "scope": "region.indent.1",
},
{
    // blue
    "foreground": "rgba(30, 136, 229, 0.35)",
    "background": "rgba(30, 136, 229, 0.2)",
    "scope": "region.indent.2",
},
{
    // orange
    "foreground": "rgba(251, 140, 0, 0.35)",
    "background": "rgba(251, 140, 0, 0.2)",
    "scope": "region.indent.3",
},
{
    // purple
    "foreground": "rgba(142, 36, 170, 0.35)",
    "background": "rgba(142, 36, 170, 0.2)",
    "scope": "region.indent.4",
},
{
    // cyan
    "foreground": "rgba(0, 172, 193, 0.35)",
    "background": "rgba(0, 172, 193, 0.2)",
    "scope": "region.indent.5",
},

How to Disable Rendering by Default and Enable Manually?

You can set the enabled_selector plugin setting to "nothing". Because no scope is named nothing, this plugin won't render indents.

Then, you can enable rendering manually by one of the following ways.

From the command palette: RainbowIndent: Disable for This View (Forced)
From the context menu: RainbowIndent » Disable for This View (Forced)
Create and trigger a keybinding for the rainbow_indent_view_toggle command for convenience.

Known Issues

There is no way to draw a region, where is no character, via ST's plugin APIs.

Rainbow​Indent