1. kzthrk

    Posted

    kzthrk
Changes in title
+【メモ】Atomの設定:選択行の色
Changes in tags
Changes in body
Source | HTML | Preview

概要

環境

MacBook Pro/Mojave/Atom

やりたいこと

いくつかテーマを変更してみたけど、どれも結局選択行のグレーが薄くて見にくいので変える。

手順

スタイルシートの変更

以下をクリックして、編集画面(というか、ファイル)を開く
image.png

以下を追記する。色は適当にお好みで。

atom-text-editor::shadow {
  .gutter .cursor-line {
    background-color: fade(cyan, 14%);
  }
  .highlights {
    .selection .region {
      background: fade(yellow, 10%);
    }
  }
}

確認

無事変わっていることを確認
image.png

まとめ

クラムシェルで使っているからモニタはRetinaでは無いのだが、もしかすると本体(Retina)で開いたら気に入らないかも?