ATOM 全角 スペース highlight

ATOM 全角 スペース highlight Tips

と言っても、既に全角スペース表示プラグインが作られていました。
ソレを利用するだけです。

• show-ideographic-space
  全角スペースを□で表示してくれるプラグイン

これを使って全角スペースを□に可視化します。
しかし、もっとくどい位に highlight したい！そう思っていた頃もありました。

ということでその頃の思いを胸に全角スペースの背景色もカスタマイズしてしまいましょう。

Atom起動 > File > Open Your Stylesheet

style.less

atom-text-editor::shadow {
   .ideographic-space {
     background-color: @background-color-warning;
   }
}

ui-variables.less の中のColorで指定してみました。
- ui-variables.less

http://apatch-k.hatenablog.com/entry/2015/04/09/233829
はてブに書いたけど、Qiitaにも転載される気がしたので先に転載してみた。

2015-11-30 typo 修正