web-dev-qa-db-ja.com

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

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

例えば：

Checkboxes exampleButtons example

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

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

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

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

firefoxthemesgtk
12
sondra.kinsey

私の経験では、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

18
John Lindgren

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

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

3
Redsandro

また、ダークテーマ（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にある程度精通していることを前提としています。それがあなたにとって新しい場合、これは言っています：

  • ページ上のすべてのinputおよびtextarea要素を見つける
  • 背景を白にします（#fffは白の16進コードの略記です）
  • テキストの色を濃い灰色にします（#222）

buttonやselectなど、スタイルを設定したい要素が他にもたくさんあります。また、input[type=checkbox]など、入力をより具体的にすることができます。

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

2
Michael Martin-Smucker