web-dev-qa-db-ja.com

Firefox 57では、Gnomeの暗いテーマに暗い入力ボックス/ドロップダウンメニューが表示されます

元の質問（入力ボックスについてのみ）：

私はUbuntu GnomeでArc-Darkテーマを使用しており、この問題は古いFirefoxバージョンにも存在することを知っていますが、 このスタイリッシュなスクリプト で修正できました[ダウンロード]ボタンをクリックします）。

今ではスクリプトはもう機能せず、Mozillaに報告することを考えていましたが、Firefox自体のGitHubリポジトリはなく、個別のコンポーネントのみに対応しているので、どこで開くべきかわかりません問題。

これに一時的な修正はありますか？そして、それを適切に行う方法を知っている誰かが、問題をMozillaまたはGnomeプロジェクトに報告することができますか（何がより適切なのでしょうか）。

編集：

回答では入力ボックスの一時的な回避策を見つけることができますが、暗い背景の問題で同じ暗いテキストがドロップダウンメニューで発生するようです（ただし、すべてが奇妙なことではなく、異なるHTML/CSSテクニックに関連している可能性がありますそれらを作成します）、それはあまり議論されていませんが、2つの問題はおそらくリンクされているので、私はこの質問にそれを追加しています。これを修正する方法は、おそらく以下に示すものと似ていますが、userContent.cssに異なるエントリがありますが、誰かがここでそれを提供してくれればいいでしょう。自分で解決する時間があれば、自分で答えを編集します。

編集2：

一部のWebサイトでは、ボタンでさえ黒地に黒く見えます。ここに 例 があります。ボタンが左側の「新しいプログラム」を選択するのを見るには、そこに この例のプログラム を貼り付け、そして この例のクエリ 右下のパネルで、「実行」をクリックします。

gnomefirefoxthemesgtk
43
Eärendil Baggins

GTKテーマをオーバーライドするには、widget.content.gtk-theme-overrideのabout：configに文字列値を追加することが最善の解決策であることがわかりました。明るいテキストボックスで関連テーマを使用できます（明らかに、これは関連テーマが存在する場合にのみ一貫性のために機能します）。たとえば、Arc-Darkを使用すると、ライトウィジェット要素を持つArc-Darkerにオーバーライドが設定されます。

ここでのソリューションの功績： https://www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

-sss

49
Sapient Saxon Saboo

更新：

私はちょうど解決策を見つけたと思います。

Firefoxバージョン46.0より前では、次のように起動してテーマを設定できました。

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox

バージョン46.0以降、GTK-3が必要でした。

> GTK_THEME=Adwaita:light firefox

バージョン57以降は機能していません。

だから今、バージョン57.0.4で、私は両方を試してみましたが、うまくいきました：

> GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox

おそらく、GTK-2とGTK-3の両方をターゲットとする他のテーマを使用できます。

次に、chrome/userContent.cssを削除するか、名前を変更します。

これに一時的な修正はありますか？そして、それを適切に行う方法を知っている誰かが、問題をMozillaまたはGnomeプロジェクトに報告することができますか（何がより適切なのでしょうか）。

私見では、彼らはこの振る舞いをよく知っており、解決策を見つけた後、自分が望むテーマを明らかに選択できるので望ましいと思っています。


元の回答：

実際には、！importantキーワードを除外することをお勧めします。

あなたの質問からの問題は、backgroundの値を特に設定していないサイトで発生します。 background-colorcssスタイルタグにより、Firefoxはデフォルト値を挿入します。

！importantキーワードを使用すると、ほとんどすべてのサイトのすべての入力およびテキストエリアに同じ（背景）色が設定されます。しかし、実際に必要なのは、Firefoxのデフォルト（またはフォールバック）の動作をオーバーライドすることです。

テキストはほとんど決して白ではなく、ウェブサイトでは濃い灰色なので、backgroundまたはbackground-colorをより明るい値に設定するだけで十分です。暗いgtkテーマの値。しかし、すでにそれをしているので、テキストcolorを設定することもできます。

chrome/userContent.cssファイルで、Firefoxプロファイルディレクトリに追加するだけです

input, textarea { color: #222; background: #eee; }

の代わりに

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

answer に記載されているとおり。

色＃222と＃eeeは私にとって非常にうまく機能します。ただし、好みに応じて変更できます。

役に立てば幸いです。

7
myMethod

一時的な修正が見つかりましたが、誰かがMozillaやGnomeにこのことを知らせて、それを永久に修正することを考えてくれることを願っています。

この回答 のように行いますが、CSSスタイルシートでは#aaaaaaの代わりにwhiteを使用します。何らかの理由で、後者はブラウザ上で奇妙な灰色として表示されます。

2
Eärendil Baggins

ここの答え https://askubuntu.com/a/8346/625256 は、FirefoxだけでGTKテーマを無効にして、暗い背景の問題で暗いテキストを修正する方法を説明しています。

1
lijodxl

迅速で汚れた修正：

cd $HOME/.mozilla/firefox/*.default
mkdir -p chrome && cd chrome
echo 'input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
textarea,
select {
  background-color: white !important;
  color: black !important;
  -moz-appearance: none !important;
}' > userContent.css
  • firefoxを再起動します

ボタンはほとんどのWebサイトで見栄えがよく、見栄えの悪いものを修正しようとすると、ボタンが修正されません。

0
HomeIsWhereThePcIs