Firefoxでgtkのdarkテーマを使うときのカスタムCSS

Chromiumでニコ動とか見ててフルスクリーンの切り替えとかしたときやマストドンを開いていると非常に動作が重くなる現象が起きてしまったので最近Firefox Quantumを使っている。

自分はデスクトップはMATEでGTKテーマは眩しくないのでdark系のものを使っているのだが、しばしばinputやtextareaが下のようになってしまう。

「abcd」と書いたはずが選択された「cd」しか読むことができない。textareaの背景色と文字色がどちらも白くなって文字が読めなっているのだ。逆に両方黒くなってしまうパターンもあった。Linux向けのFirefoxはinputやtextareaの文字色や背景色の初期値をGTKのtheme由来の値にしているせいだと思われる。

どういう仕様がベストなのかはともかくとして、読めないのは問題であるのでなんとかして直さないといけない。

いろいろ調べた結果

~/.mozilla/firefox/<8 chars slug>.default/chrome/userContent.css に

INPUT, TEXTAREA {
  color: black;
  background: white;
}

みたいな感じに書いた。アドオン自体のinputがおかしいばあいは、コンテンツ領域に対する操作だけでは手が回らないので Greasemonkry などでは足りないのである。