LoginSignup
19
17

More than 5 years have passed since last update.

ATOMエディタでカーソル行にアンダーラインをつける

Last updated at Posted at 2014-03-27

Preferences(cmd-,) -> Themes -> 「your stylesheet」リンクから「styles.less」を開く

style.lessに以下を追記

style.less
.editor {

  .line, .line-number {
    // カーソル移動するたびにちょっとずれるのが気になる人は
    border-bottom: 1px solid rgba(0, 0, 0, 0);
  }

  .line.cursor-line {
    // カーソル行の背景色
    background: rgba(250, 150, 0, 0.2);
    // カーソル行のアンダーライン
    border-bottom: 1px solid rgba(250, 150, 0, 1);
  }
}

単純にカーソル行だけにborder-bottomを指定するとカーソル移動ごとに表示がずれるのが気になったので、全体的にborder-bottomを指定することで対応してみた。この対応だと行間がすこし空いてしまうのがちょっと残念。

19
17
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
19
17