web-dev-qa-db-ja.com

ブラウザーのgnome 3テーマを変更する必要があります

最近、Gnome 3でDarkGreenテーマの使用を開始しましたが、FireFoxの一部のWebページにはテキスト入力フィールドに関していくつかの問題があります。これは、Googleの検索フィールド、Facebookの一部のフィールドなどで発生します。

このテーマでは、デフォルトの入力フィールドに暗い背景と明るい色のテキストを使用しています。影響を受けなかったフィールド（白に近いグレーからグレー）の入力テキストの前景色をうまく変更できましたが、「壊れた」フィールドには役立ちません。また、すべての入力フィールドの背景色を白に変更したいのですが、それもうまくいきません。

テーマフォルダーには、cssファイルを含むgtkフォルダーがあります。ここに関連するコンテンツがありますが、コメントは私が変更したものです：

@define-color theme_base_color #202020;
@define-color theme_text_color #25DC00; /* #ffffff */
@define-color theme_bg_color #121212;
@define-color theme_fg_color @theme_text_color;
@define-color selected_bg_color #3E8753;
@define-color selected_fg_color #ffffff;
@define-color theme_selected_bg_color @selected_bg_color;

@define-color menu_bg_color #555555;
@define-color menu_fg_color @theme_text_color;

@define-color menu_combobox_border @theme_selected_bg_color;
@define-color menu_separator mix (@theme_bg_color, @menu_bg_color, 0.90);

@define-color insensitive_bg_color alpha(#0b0b0d, 0.0);
@define-color insensitive_fg_color alpha(#717171, 0.50);
@define-color insensitive_border_color alpha(#717171, 0.50);

@define-color entry_text_color /* #fafafa */ #707070;
@define-color entry_background_a #ffffff;
@define-color entry_background_b #ffffff;
@define-color entry_background_c #ffffff;
@define-color entry_background_d #ffffff; /* 121212 */

@define-color frame_color #707070;

変更する必要があるのはこのCSSファイルだけですか？

gnome12.10themescss
3
MarioDS

あなたが望むものを達成するために、Firefoxに固有の別の方法を提案しています。

Firefoxのすべてのインスタンスを閉じます（終了します）。
プロファイルフォルダーに移動します。ここにあります：/home/your_name/.mozilla/firefox/randomstring.default
そこで、chromeというサブフォルダーを探します。存在しない場合は作成します。
chromeが存在する場合は、userContent.cssというファイルを探します。それ以外の場合は、chromeフォルダーにこの名前の空のファイルを作成します。
テキストエディタでuserContent.cssを開き、次のコードを貼り付けます。
INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

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

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

（ところで、 スタイリッシュな拡張機能 と、ユーザーによって作成され、userstyles.orgでホストされているさまざまなスタイルに興味があるかもしれません。）

編集：
OS（gtk）テーマの影響を受けるFirefoxnotを希望するユーザーに関連するリンクをいくつか提供しています。解決策が提案されたまだ機能するかどうかを確認していないことに注意してください。これらのリンクは、背景の詳細​​です。
どうすればFirefoxにGTKテーマを完全に無視させることができますか？
バグ70315-暗いGTKテーマ（Seamonkeyの場合）を使用している場合、メニューおよびボックス内のテキストが読めない
FirefoxがOSネイティブ色を使用しないようにする方法はありますか？

5
user25656

ArchLinux Wiki で以下を見つけました。これはここで問題に直接適用できます。 user25656の以前の結果よりも良い結果が得られました。

アプローチは同じです。次の内容で/home/<your_name>/.mozilla/firefox/<randomstring>.default/chrome/userConent.cssを作成します。

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

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

textarea {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

select {
    -moz-appearance: none !important;
    background-color: white;
    color: black;
}

（評判が悪いためコメントできません。これが新しい答えです。）

1
dd23

私はdd23の提案に従いましたが、ほとんどで機能しましたが、影響を受けたページのめちゃくちゃになった要素の半分についてのみでした。別のCSSが少しうまく機能しているように見えました。

ちなみに、 スタイリッシュなFirefoxアドオン を使用してこのCSSを適用することもできます。

/*
* Use this css file to eliminate problems in Firefox
* when using dark themes that create dark on dark
* input boxes, selection menus and buttons. Put this
* in the ../firefox/default/chrome folder or your
* individual user firefox profile chrome folder.
*/
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: #eeeeee;
color: black;
-moz-appearance: none !important;
}
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
}

FedoraフォーラムのPabloTwo からのソリューション。これは Mozillaバグレポートのコメント15 にも記載されています。うん、これは既知のバグです。

0
CodeMouse92