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


43

元の質問(入力ボックスのみ):

私はUbuntu GnomeでArc-Darkテーマを使用し、この問題は古いFirefoxバージョンにも存在することを知っていますが、このスタイリッシュなスクリプトで修正することができました(ダウンロードボタンを台無しにしていたため、それ自体は大きな修正ではありませんでした)。

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

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

編集:

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

編集2:

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

回答:


49

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

ここでのソリューションのクレジット:https : //www.mkammerer.de/blog/gtk-dark-theme-and-firefox/

-sss


この変更を適用した後、firefoxを再起動することを忘れないでください!Linuxミントユーザーの場合、「Mint-Y」または「Mint-X」の文字列値で十分です。
-ThorSummoner

繰り返しますが、これは多くのユーザーが望むものではありません。Firefoxでは、読みやすいテキストボックス/ドロップダウンメニュー/ボタンを使用しながら、システムテーマのデフォルトの色を使用しています。
エーレンディルバギンズ

@EärendilBagginsは、Firefoxが修正するまで、回避策以外の本当の解決策はありません。これは18年前にMozillaに報告され、まだbugzilla.mozilla.org/show_bug.cgi?id=70315を
ardila

この問題は現在修正されているようで、次のFirefoxバージョンに同梱されます:bugzilla.mozilla.org/show_bug.cgi
id

7

更新

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

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キーワードを省略することをお勧めします。

質問からの問題は、バックグラウンド応答の値を特に設定していないサイトで発生します。Firefoxがデフォルト値を挿入するように、背景色の CSSスタイルタグ。

!重要なキーワード、ほぼすべてのサイトの入力とテキストエリアの全ては、この同じ(バックグラウンド)の色を持っているでしょう。しかし、実際に必要なのは、Firefoxのデフォルト(またはフォールバック)の動作をオーバーライドすることです。

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

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

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

の代わりに

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

あなたがリンクした答えで述べたように。

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

役に立てば幸いです。


正直言って十分に支持できません。本当に感謝しています。ようやく機能しました!
-Oussema

これをFirefoxの.desktopファイルに追加するとExec=env GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox、次のようにできます。この方法で.desktopのExecコマンドを更新した場合、Firefoxランチャーを使用できます。
ジャック

2

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

同じように行い、この答えは言いますが、使用whiteCSSスタイルシート内の代わりに、#aaaaaa私のブラウザ上でいくつかの奇妙な灰色のようないくつかの理由で、後者が表示されます。


1

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


3
問題は、FirefoxでGTKテーマを設定してGnomeテーマと同種にすることを好む場合もありますが、ボックス内の暗いテキストの奇妙な暗い背景ではない場合があります。
エーレンディルバギンズ

0

迅速で汚い修正:

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サイトで見栄えが良く、見栄えの悪いものを修正しようとすると、ボタンは修正されません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.