LoginSignup
2
3

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-08-13

行番号の背景と編集エリアの色が同じで見難かったので、編集する方法を調べました。
スタイルを編集するには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

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3