Atom のツリービューのフォントを変える & 不可視文字の文字色を変える & エディタの縦線を消す

Atom エディタの環境設定を続けている。

ツリービューのフォントを変える

ツリービュー。左側のフォルダ階層が見えてるアレのこと。

「ファイル」→「スタイルシートを開く」で styles.less を開いて以下のようにした。

.tree-view {
  font-family:"メイリオ";
}

• 参考 : Windows環境でAtom - Qiita
• 参考 : Atomのシステムフォント変更 - 道端の鳩

2つ目の参考サイトで知ったけど、「源ノ角ゴシック Code JP (Source Han Code JP)」というフォント、面白い。が、半角文字と全角文字のバランスが「半角3文字 = 全角2文字」という謎の比率なのでやめておく。インデントとか狂いそう…。

不可視文字の文字色を変える

改行コードとかスペースとかの灰色が薄すぎて見づらいので直す。いじるのは同じく styles.less。

atom-text-editor::shadow {
  // 不可視文字の文字色変更
  @invisible-color: rgba(100, 200, 255, 0.5);
  
  .indent-guide,
  .invisible-character {
    color: @invisible-color;
  }
  
  // 「show-ideographic-space」で表示させている全角スペースも同様に
  .highlight.ideographic-space {
    .region:after {
      color: @invisible-color;
    }
  }
}

• 参考 : Atomのスペースをはっきり見えるようにする - Qiita
• 参考 : show-ideographic-space

エディタの縦線を消す

「Wrap Guide」というパッケージを無効にする。

• 参考 : Atomでエディター内の縦線を消す方法 | IDEA*IDEA

その他

text-shadow でうまいことやれば文字が光って見えたりする。

• 参考 : Atomをstyle.lessの記述のみで光らせる - Qiita

Neon-Syntax ってのもある。

• 参考 : neon-syntax

いじるの面白いなぁ。