atomのfindなどのハイライトに文字が塗りつぶされて消える問題

f:id:crycli87:20160421195028j:plain
開発者ツールで見てみると、.highlight.find-resultのz-indexが0になってて、試しに-1にしてみたら治った。
のでstyle.lessに下のを追加。

atom-text-editor::shadow .highlight.find-result .region {
  z-index: -1;
}

これで事なきを得たが、find以外のハイライトでも同じ問題が起こるので、ハイライト使うパッケージ追加するたびにこれをしなきゃいけないのはめんどい。
そもそもz-indexが0なのにそれよりtextが下に表示されてるのが問題で悪いのはそっちだと思うが、とりあえずいったん解決したということでメモ。

今回の件で思ったけど、atomってchromeベースなので開発者ツールつかってcssだのjsでいじれるのってすごい便利だなーとか思った。
emacs使ってた時はelisp読み書きできないのもあってこういう問題起こったらお手上げだったしなー。