atom のマウスでの選択部分のハイライト色を変更する。

atom で、マウスなどで領域選択をしたところが、黒背景だと薄すぎて見えにくいので、より見やすい薄黄色に変更する方法です。

画面左上の atom > スタイルシート... と、いうのを選ぶと、styles.less が編集できるようになります。
ここに、下記を描きます。なぜだか、はじめの1行がないと変更が反映されません。highlight-selected パッケージの使用に問題があるのかもしれませんが、理由は判りません。しかし、今は、これで上手くいきます。 

.gutter .cursor-line { }
.highlights {
  .selection .region {
    background: fade(yellow, 20%);
  }
}

ちなみに、以下の括弧内に、上記を書くと、エラーが出るやら、なんやらで、設定が有効になりません。

  • atom-text-editor, atom-text-editor::shadow { }
  • atom-text-editor::shadow { }
  • atom-text-editor.editor { }

さらに、.gutter .cursor-line { } の括弧内には、何を書いても、下の background: fade(yellow, 20%) の設定にもっていかれます。そこで、ひらきなおって、空欄です。理由などは、理解していませんが、これで、今は使用に絶えますし、変更なしの薄いハイライトよりも、ずっと良いです。

B! LINE