less
ATOM

Atom 行番号の背景をカスタマイズ

More than 1 year has passed since last update.

行番号の背景と編集エリアの色が同じで見難かったので、編集する方法を調べました。
スタイルを編集するにはatomメニューのStylesheet...を選択します。スタイルシート(lessで書かれている)が開きますので、そこの最後尾に自分の設定を書き加えます。
SS 2017-08-13 20.24.52.png

行番号の背景は.gutterで設定するようです。

styles.less
atom-text-editor .gutter {
    color: #cccccc;
    background-color: #353739;
}

これで背景と文字色を編集することができました。

(::shadowが必要だという記述もありますが、Stylesheet...で開いて編集する限り、自動で判別してくれるらしいです。)


参照
Change Gutter Background Color