☰

Firefox では入力バーが黒く表示され、数式は薄い灰色で表示される

tag-icon • tag-icon xfce firefox manjaro gtk2
Firefox では入力バーが黒く表示され、数式は薄い灰色で表示される

Firefox で正しく表示されません。

  1. ウェブサイトでテキストを入力するためのバーは通常黒で表示され、入力したテキストは暗い灰色で表示されます (マークすると表示されますが、これは一時的な回避策にすぎません)
  2. Wikipedia 上の方程式は、何らかの理由で薄い灰色で表示されます。

最近、Firefox Quantum にアップデートして、問題が解決することを期待しました (解決しませんでした)。

私のマシンは Manjaro 17.1pre2 Hakoila を実行しており、デスクトップ環境は Xfce、使用しているウィンドウ マネージャーは Adapta-Nokto テーマの Xfwm です。GTK テーマは Vertex-Maia-Dark [GTK2] です。

答え1

Firefox で使用される gtk テーマをオーバーライドできます:

  1. 案内するabout:config
  2. 文字列キーを作成するwidget.content.gtk-theme-override
  3. 値を任意のライトテーマ名に設定します。例:Adwaita:light
  4. 適用するにはFirefoxを再起動してください

答え2

この問題は、Firefox が (暗い) GTK テーマの特定の色を使用しようとしたことが原因であることがわかりましたが、入力ボックスなどと予期せず衝突することがよくありました。

これを無効にするには:

  1. 案内するabout:config

  2. 検索するbrowser.display.use_system_colors

  3. 値をfalse

色のコントラストが悪いことに気付かなくなり、コンテキスト メニューなどでは引き続き GTK テーマが使用されています。

答え3

私は、コメントでFoxがリンクしたArchWikiのエントリで提案された手順に従うだけで問題を解決しました（ありがとう！）。Firefoxディレクトリのユーザーコンテンツcssファイルに、

~/.mozilla/firefox/xxxxxxxx.default/chrome/userContent.css

、次のテキストを追加しました:

input:not(.urlbar-input):not(.textbox-input):not(.form control):not([type='checkbox']):not([type='radio']), textarea, select {
-moz-appearance: none !important;
background-color: white;
color: black;
}

#downloads-indicator-counter {
color: white;
}

Firefox を再起動すると、問題は解決しました。

このことから私が学んだ教訓は、次回はまず ArchWiki を確認することです。

関連情報