UbuntuダークテーマでFirefoxのtextareaが読めなくなったときの対策

ダームテーマで不具合起きることありませんか?
Screenshot from 2018-11-03 10-16-43

解決策!

Ubuntuにダークテーマを設定したい人って多いと思う.見た目が綺麗になるから楽しいよね.でもダークテーマを設定すると,Firefoxのtextareaとかinput要素で齟齬が出る.具体的には「textareaの背景色が暗くて字も暗いから,読めない」あるいはその逆で「textareaの背景色が明るくて字も明るいから,読めない」が起こる.画像で見てみるとこんな感じ.
Screenshot from 2018-11-03 10-10-04
文字を選択すれば字も見れるんだけどね…
72cc2c09d321cf431af730f60a525f45
これをStylusで解決した.これだけ.

input, select, textarea {
background-color: #fff;
color: #222;
}

解説するまでもないよね.該当の要素の背景色を白にして,文字色を黒にしただけ.
Screenshot from 2018-11-03 10-09-46

僕の経緯

最近,母艦機のOSをUbuntu 16.04から18.04にアップグレードした.18.04の機能性は事前にラップトップで確認済みで,母艦で使うならこのテーマを使いたいなとかを,4月あたりに確認してたんだよね.ちなみに今はラップトップには18.10がインストールされてます.18.10は18.04からの変化をそんなに感じてないけど,まぁ使いやすいね.
Screenshot from 2018-11-03 10-33-01
で,母艦機の18.04にはAnt-Draculaというテーマを設定してる.黒を基調にしてハイライトにピンクを使う,怪しくも魅惑のテーマ.ちなみにアイコンテーマはUltra-Flatを使ってます (本当はla-capitaine-icon-themeというのを使いたいんだけど,Inkscapeで表示が思い通りにならなかったので一旦使うのを保留してます…) .でもAnt-Draculaがめちゃかっこいいから問題ない.
Screenshot from 2018-11-03 10-26-03
でもFirefoxでだけ不具合が出る.テキストを入力する箇所で,先に書いたような問題が起きて字が読めない.このLivedoor blogの管理画面でも同じで,何を書いたのか全然見えない.これは流石に使用に耐えないよね…でもAnt-Draculaが気に入ったのでどうしても使いたい.
Screenshot from 2018-11-03 10-14-30
なのでFirefoxで有名なCSSカスタマイズ用のアドオンであるStylusを使って,textareaとかinputとかの背景色と文字色を調整しました,というのがこの記事の趣旨.とても簡単な工夫をするだけなので,Ant-Draculaを諦めそうな人はこれで対策して,Ant-Draculaを使おう!(宣伝) (僕が作ったものではありませんが…)

コメントを残す

Powered by WordPress.com. テーマ: Baskerville 2 by Anders Noren

ページ先頭へ ↑

%d人のブロガーが「いいね」をつけました。