Awesome Open Source
Awesome Open Source


Build Status License Version Downloads

Use colors to show in a non intrusive manner different indentation levels.

Color Indent


You can install via apm:

apm install color-indent

Or, just search for color-indent inside Atom's package panel.


I once saw something like this some years ago. Unfortunately I don't remember where, but since I always wanted it, I'm building it now.

  • Choose your own color.
  • Use a custom width.
  • Choose identation depth.


Just type and see how the tabulation color is filled.

Color Indent animation

Choose a custom color

Custom color

You can also toggle the colors if you need to deactivate it or reactivate it quickly. Go to the Atom Command Palette and choose color-indent: toggle.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,419
atom (200
atom-package (28