Firefoxフォーム入力要素のシステムスタイルを無効にする


13

LubuntuでDorianというダークテーマを使用します。とても満足しています。ただし、Firefoxはフォーム入力要素に特定のシステムカラーを継承しているため、見づらいようです。

例えば:

チェックボックスの例 ボタンの例

前景色を変更する場合は、テキストボックスの背景色も変更する必要があります。これは現在は問題ありませんが、明るい部分は暗い部分です。 テキストボックスの例

これをいくつかの方法で解決することを想像できます。

  1. Firefoxのカスタムスタイルシートを追加して、変更を元に戻します。(私はStylishを使用している ため、実装するのは簡単です。しかし、フォーム要素を持つCSSは扱いにくいようです。)
  2. ドリアンの変更(特定のプログラム用にGTKテーマをカスタマイズできると思います。)
  3. Ubuntu-Firefox-modifications Firefoxアドオンを無効にします。
  4. Firefoxで入力要素のシステムカラーの読み込みを防ぐ設定を見つけます。
  5. Firefox用のDorianテーマをインストールします。(Dorianは積極的に更新されておらず、Firefoxは常に更新されているため、これには消極的です。)

もちろん、私が考えていない他のソリューションも歓迎します。


Re。「ただし、フォーム要素を含むCSSは扱いにくいようです」問題のある要素を右クリックして、コンテキストメニューから[要素の検査]を選択すると、ガイダンスを得ることができます。
DKボーズ

回答:


19

私の経験では、CSSベースのソリューションを正しく使用するのは難しいです。Michaelの回答の1つは一部のサイトで機能しましたが、すべてではありません。

Firefox 60では、より簡単な解決策があります。about:config次の文字列値に移動して設定します。 widget.content.gtk-theme-override=Adwaita:light

(右クリックして[新規]-> [文字列]を選択する必要gtk-theme-overrideがあります。デフォルトでは設定が存在しないため、検索しても何も見つかりません。)

MartinStránskýの功績:https ://bugzilla.mozilla.org/show_bug.cgi ?id= 1283086#c7


3
多くのfirefox設定とは異なり、これを有効にするにはFirefoxを再起動する必要がありました。すぐに有効にならない場合でも心配しないでください。しかし完璧に動作します!
ブライアンヘッド

KDEユーザーは、この値を「breeze」や「oxygen」などのKDEテーマ名に設定できます。
ピスト

3

ダークテーマ拡張機能のテキストコントラストを試すことができます。

また、この古いCSSソリューションはまだ機能しているようですが、おそらく現在使用しているものです。


2番目のリンク(「CSSソリューション」)は機能しなくなりました。CSSソリューションについて詳しく教えてください。拡張機能を使用せずにFirefoxのグローバルなユーザーエージェントスタイルシートを変更することは可能ですか?
マイケル・マーティン・スマッカー

すみません、わかりません。Chromeに切り替えたのは、Firefoxのスタイリングがときどき風変わりであることがわかったからです。特に暗いデスクトップでは。
レッサンドロ

1
標準の色を強制するサイトを選択できるので、これが好きです
-smac89

2

また、ダークテーマ(Adapta Nokto)を使用しています。また、入力のテキストの色を変更するかなり多くのWebサイトに遭遇しましたが、背景色が白(完全に判読できないテキストにつながる)であると想定しています。

CSSオプションを調べたところ、ブラウザーの拡張機能を使用せずにデフォルトのユーザースタイル設定するこの説明が見つかりました。概要:

  1. FirefoxプロファイルにはuserContent.css、適切な場所にファイルが必要です。次のように作成できます。

    • ディレクトリをFirefoxプロファイルに変更します。
      cd ~/.mozilla/firefox/<your profile>/
    • 「chrome」ディレクトリが存在しない場合は作成します
      mkdir chrome
    • この新しいディレクトリにCSSファイルを作成します
      touch chrome/userContent.css
  2. 新しく作成したuserContent.cssファイルを編集して、すべてのページに適用する基本スタイルを含めます。

  3. Firefoxを再起動して、変更を確認します。

まず、CSSファイルにこれを追加しました。

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

これは、CSSにある程度精通していることを前提としています。それがあなたにとって新しい場合、これは言っています:

  • ページ上のすべての要素inputtextarea要素を見つける
  • 背景を白にします(白#fffの16進コードの略記です)
  • テキストの色を濃い灰色(#222)にします

そこのようなスタイルにあなたが望むかもしれない他の要素、たくさんのありbuttonとはselect、あなたは次のように、あなたの入力で複数の特定を得ることができますinput[type=checkbox]

これは、システムテーマの使用を完全に無効にするわけではありませんが、少なくともそれをオーバーライドして、Webサイトに期待に近いデフォルトを提供することができます。

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