人気ブログランキング |

体重と今日食べたもの

k1segawa.exblog.jp

ダイエット

ブログトップ

ダークテーマで Yahoo の入力文字が見えない件 - FormColorChanger の真似 (11/23)

(2018/11/24追記2)
PaleMoon28.2.1(32ビット)になってMozilla Firefoxのアドオンが入れられるようになった!!
FormColorChangerが入れられる。やったー
FormColorChanger - Get this extension for Firefox(ja)

でも、入れたらWeb画面でのダイアログ画面(エキサイトブログの画像管理で削除のダイアログ)のボタン(button)ややっぱりselect要素は文字が変わらなかった。そしてwindow コントロール部品としてのURL入力エリアの背景と文字色はダークのままで正常だった。
おー、StylemのCSSの書き方が悪かったのかな。CSS勉強する必要があるな〜

今までFirefox52ベースの27.2.1(32ビット)だったのが64ビット版と同じ28になってやっとFirefox53以上と同じになったのかな?
と思ったらこちらのサイト様に従って以前ユーザーエージェントを変えようとしてたやつを見てたら、

アドオンを使わずにFirefoxのユーザーエージェントをChromeに変更する方法 - ぼくのデジタルライフ


about:configで
general.useragent.overrideが細分化されてた。
後ろにサイトのドメインがつけられ、それによってサイトごとに変えられるようだ。
その中のアドオンサイトのユーザーエージェントがFirefoxになったのだと思う。27の時はFirefoxをインストールするボタンだったからね。
うむ。PaleMoonも順調に進化してるな〜

(ここまで)

(2018/11/24追記)
やっぱりFirefoxでも見づらい。またブラウザが表示するダイアログ画面のボタンも同様。なのでPaleMoonも含め、次のように修正。
◆Firefox
input, textarea, select, button {
color: black;
background-color: white;
}

◆PaleMoon
input, textarea, select {
color: black;
background-color: white;
}

button {
color: #AAAAAA;
background-color: white;
}

PaleMoonはWindowシステムのコントロールとしてのボタン(例えば[ツール][ページの情報])の文字色が連動してしまっている。なのでbuttonに関しては、背景白でも黒でも認識できる色にする必要があるのでこうなった。ブラウザのテキスト入力エリアのといい、Firefoxはそんなことないので、PaleMoonまだ爪が甘いな。

ふう、またなにか見づらければ、[メニュー][ウェブ開発][表示]や[インスペクタ]を選び、左端のマウスポインタアイコンをクリックして、該当のWeb要素(ボタンとかドロップダウンリスト-selectなど)にマウスを持っていって、強調表示されるタグを見て追加していこう〜

P.S.
にしても、Firefox Quantum 32/64ビット 63.0.3 速いな。メモリ4GBのCloudReadyでChromebookを動かしてるマシンで比べると、Kona Linux 4.0 black i386 PAE対応版上のFirefox上の方が、Youtubeの再生が速くてスムーズだ。
リアルタイム対応版は他マシンで不安定なのでこれにしているが、Chromeブラウザ必須のAbemaTVやAmazon関係を除けば、もうこれでいいんじゃないかな〜

(ここまで)


Kona Linux 4.0 black i386 のダークテーマで、Pale Moon や Firefox でみると、Yahoo! Japan の検索窓で入力文字が白くて背景に溶け込んで見えない。

Chromium ではきちんとしている。

Firefox 52 以前なら FormColorChanger というアドオンの拡張機能で解消できたのに、今はダウンロードできない。

なので、CSS を変更できる次の拡張機能で記述した。
◆アドオン
Pale Moon:Stylem
Firefox:xStyle

◆内容
input, textarea, select {
color: black;
background-color: white;
}

select は Firefox では無くても灰色に白文字で一応は見える。

これだとダークテーマの Pale Moon ブラウザのテキスト入力コントロール部品の文字と背景色も連動するので、せっかくの統一テーマも崩れる(そこは連動しなくていいと思うが)。

by k1segawa | 2018-11-23 22:30 | パソコン | Comments(0)