web-dev-qa-db-ja.com

FirefoxがブラウザクロムでGTKテーマのみを使用するようにしますが、Webサイトでは無視します

私は暗いGTKテーマを持っています。Firefoxでそれをすべて無視したくありません。Firefoxのchrome(ボタン、アドレスバー、ブックマークバーなど)に影響を与えたいだけです。 、テーマをウェブサイトで無視したいのですが、ウェブサイトはブラウザでテーマにしないでください!それは罪であり、すべてが絶対にがらくたのように見えます。誰かがそれを修正する方法を知っているなら、それは素晴らしいことです、ありがとう!


編集:下の画像の上部パネルは、「暗いテーマ」が適用されている場合、検索ボックスに入力されたテキストがほとんど見えないことを示しています。暗いテーマが適用されていない場合、下のパネルにテキストがはっきりと表示されます。

Text in Google's search box

14
KoRnKloWn

私はあなたの状況を正しく理解することを望みます。 高コントラストテーマFirefoxの問題 および ブラウザー用にgnome 3テーマを変更する必要があります に多少関連しているようです。そして、以下の私の答えは、本質的にそれらの質問に提供したものです!

Firefoxのすべてのインスタンスを閉じます(終了します)。プロファイルフォルダーに移動します。ここにあります:~/.mozilla/firefox/randomstring.default。そこで、chromeというサブフォルダーを探します。
存在しない場合は作成します。
chromeフォルダーを作成するには、ファイルマネージャー(またはmkdir chromeを含むコマンドライン)を使用できます。
chromeが存在する場合は、userContent.cssというファイルを探します。それ以外の場合は、chromeフォルダーにこの名前の空のテキストファイルを作成します。テキストエディタでuserContent.cssを開き、次のコードを貼り付けるか追加します。

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

ファイルを(プレーンテキストとして)保存し、テキストエディターを閉じます。 Firefoxを再起動します。これで、明るい灰色の背景に黒いテキストが表示されます。好きな色の組み合わせを使用できます。

注:chromeおよびuserContent.cssは大文字と小文字が区別されるため、正しい綴りにする必要があります。ここでの設定は、OSテーマの設定よりも優先され、どのgtkテーマに切り替えても、Firefoxで同じままです。

13
user25656

何らかの理由で、受け入れられる答えを得ることができなかったため、同じ効果を達成するために小さな Greasemonkey スクリプトを作成しました: https://Gist.github.com/einarmagnus/ d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

これは私のために働いた。

2
ormuriauga