Making tabs stand out in Atom.

readme.md

Making tabs stand out in Atom.

A good way to avoid inadvertently adding tabs to a file is making them visually stand out from the rest of your code. This proves to be effective for syntax highlighting. It should achieve equal levels of success for this purpose.

So lets change our Atom stylsheet to make these catch the eye:

https://gist.github.com/tommyvdv/7c229cd1967a9425e1ef/raw/c7721f256b553a38b0f8b994c1167f4ebc488d7d/cmd-shift-p-stylshee.png

Add the following rule to this stylsheet.

  // Colour the tab character RED
  atom-text-editor::shadow {
    .invisible-character.hard-tab {
      color: @syntax-background-color !important;
      background-color: red !important;
    }
  }

Save the file and reload Atom (ctrl+alt+cmd+l).

Done!

after.png

before.png

cmd-shift-p-stylshee.png