web-dev-qa-db-ja.com

Firefoxでダークテーマの問題を修正する方法

Ubuntu 18.04への更新以来、私はダークテーマ「Adwaita-dark」を使用し、Firefoxにはいくつかの入力フィールドがあり、使用できません。フォントの背景と色は暗い色に似ています。 this q/a で言及したAdwaitaのライトテーマのような代替テーマは設定されません。すべてのアプリケーションに関する暗いテーマを残したソリューションを探しています。

入力フィールドを使用するようにテーマを修正するにはどうすればよいですか？正しいコンテンツを入力する文字列を参照してください？

以下のGoogleドライブのスクリーンショットは、左側のタイトルフィールドの「doc」アイコンの右側にある問題を示しています。

enter image description here

gnomefirefoxthemes
11
bueltge

Firefoxのカスタムスタイルシートを使用して修正します。ディレクトリuserContent.cssに~/.mozilla/firefox/<custom-key>.default/chrome/という名前のカスタムスタイルを残します。小文字で重要なディレクトリchromeも追加する必要があります。以下のcssコードを使用して、異なる入力フィールド用に修正します。結果は以下の画像のようになります。

enter image description here

このスタイルシートを残すためのフォルダを見つけるのに問題がある場合は、 this answer を読んでください。

次のソースをカスタムスタイルシートファイルuserContent.cssにコピーします。

input {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

textarea {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

select {
  border: 2px inset white;
  background-color: white;
  color: black;
  -moz-appearance: none !important;
}

input[type="radio"],
input[type="checkbox"] {
  border: 2px inset white !important;
  background-color: white !important;
  color: ThreeDFace !important;
  -moz-appearance: none !important;
}

*|*::-moz-radio {
  background-color: white;
  -moz-appearance: none !important;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  border: 2px outset white;
  background-color: #eee;
  color: black;
  -moz-appearance: none !important;
}

body {
  background-color: white;
  color: black;
  display: block;
  margin: 8px;
  -moz-appearance: none !important;
}

このCSSファイルを追加した後、ラジオボタンまたはチェックボックスで問題が発生した場合は、-moz-appearance：none！importantを削除してください

12
bueltge