Webページの白い背景を別の色に変更する

現在、Firefoxでダークテーマを使用しています。見た目はとても良いですが、多くのウェブページは真っ白な背景を使用しています。結果のコントラストは少し不快で、暗いタブから白いタブに切り替えたときに時々目を痛めます。

firefoxをどこでも白い背景を他の色（たとえば明るい灰色）に置き換える方法はありますか？スタイリッシュなスクリプト、userChrome.cssハック、または機能するもの（可能な限り軽量であることが望ましい）です。

明確にするために：目標を達成した後、スーパーユーザーサイトにアクセスするときの背景色は白ではなく明るい灰色になり、白い背景を持つ他のサイト（googleサイト、tech crunchなど）でも同じようになります）。

それを行う方法はありますか？

要素の計算されたスタイルをチェックして黒に変更する簡単なGreasemonkeyスクリプトを作成しましたbody（おそらく別の色を選択する必要があります）。

(function () {
    if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
        console.log("Setting new background color...");
        document.body.setAttribute("style", "background-color: #000000;");
    }
})();

これらのタイプの問題は、ウェブサイトが非常にうまく設計されていない限り、黒に白の斑点があることです。

これは完璧な解決策ではありませんが、背景を変更したいサイトにアクセスするたびにこれを行うことができます。

38以下のFirefoxではTools > Options > Content、Coloursボタンに移動してクリックします。Firefox 38以降では、に移動してEdit > Preferences > ContentをクリックしますColors。

[背景]で灰色を選択し、[上記の選択ではなく、ページで独自の色を選択できるようにする]および[システムの色を使用する]の近くのチェックボックスをオフにします。

Greasemonkey（Firefox）スクリプトを更新して、白い背景を抑制しました。

Tampermonkeyをインストールすると、Chromeでスクリプトが機能します。

http://userscripts-mirror.org/scripts/show/142763

これにより、すべての白の背景がグレー（ish）になり、シェーディングが適用されます。汎用コードから独自の基本色を構成および設定できます。白の色合いもレンダリングされます。

Gray、Pink、およびGreenの 3つのバリアントがあり、これらはすべてカスタマイズできます。

noWhiteBackgroundColorのユーザースクリプトを検索します。

最近、このFirefoxアドオンStylishを発見しました。これは、あなたが望むものともっと多くのことをするでしょう！

次のJavascriptは、現在のページのCSSおよびHTMLの背景要素を白で、テキスト要素を黒で上書きします。場所またはブラウザフィールドに貼り付けてください。

javascript:(function(){
   var newSS,styles='* {background-color:black !important;color:white !important}
   :link,:link *{color:#99C0EB !important}
   :visited,:visited *{color:#C398EB !important}';

    if(document.createStyleSheet){
        document.createStyleSheet("javascript:'"+styles+"'");
    }else{
        newSS=document.createElement('link');
        newSS.rel='stylesheet';
        newSS.href='data:text/css,'+escape(styles);
        document.getElementsByTagName("head")[0].appendChild(newSS);
    }
})();

ブラウザの検索バーに、と入力しabout:configます。

検索フィールドにを入力しbrowser.display.background_colorます。

文字列をダブルクリックし、#FFFFFF（白の16進コード）を#000000（黒の16進コード）または希望する他の色に変更して、をクリックしますOK。ブラウザを再起動して有効にします。

URLバーにabout：configと入力し、この設定に移動します：browser.display.background_color

ここで必要な場合は、詳細をご覧ください。

最近、古いコンピューターを交換し、Firefoxを再度セットアップする必要がありました。私が元に戻したいと思った主なものの1つは、ウェブサイトの背景色を変更するGreasemonkeyスクリプトでした。

そのため、以前使用したものが見つからなかったので、少しイライラしていました。簡単に言えば、これは私の古いPCのものです。

このスクリプトは私自身の仕事ではありません

すべてのクレジットはハワード・スミスに送らなければなりません。これはもともとUserscripts.orgに投稿されたもので、現在は利用できないようです。

Greasemonkeyで新しいユーザースクリプトを作成し、次を貼り付けます。

(function () {
    function noWhiteBackgroundColor() {
        function changeBackgroundColor(x)  {  // Auto change colors too close to white
            var backgroundColorRGB = window.getComputedStyle(x, null).backgroundColor;  // Get background-color
            if(backgroundColorRGB != "transparent")  {  // Convert hexadecimal color to RGB color to compare
                var RGBValuesArray = backgroundColorRGB.match(/\d+/g); // Get RGB values
                var red   = RGBValuesArray[0];
                var green = RGBValuesArray[1];
                var blue  = RGBValuesArray[2];

                // ============================================================================
                // Set the base colors you require:
                // Use: http://www.colorpicker.com
                // to find the RGB values of the base colour you wish to
                // suppress white backgrounds with:
                // Default gray provided:
                // ============================================================================

                var red_needed   = 220;
                var green_needed = 220;
                var blue_needed  = 255;


                if (red>=220 && green>=220 && blue>=220) { // White range detection

                   if (red>=250 && red<=255 && green>=250 && green<=255 && blue>=250 && blue<=255) {
                      red_needed   += 0;
                      green_needed += 0; }

                   else if (red>=240 && red<=255 && green>=240 && green<=255 && blue>=240 && blue<=255) {
                      red_needed   += 6;
                      green_needed += 3; }

                   else if (red>=230 && red<=255 && green>=230 && green<=255 && blue>=230 && blue<=255) {
                      red_needed   += 10;
                      green_needed += 5; }

                   else if (red>=220 && red<=255 && green>=220 && green<=255 && blue>=220 && blue<=255) {
                      red_needed   += 14;
                      green_needed += 7; }

                   x.style.backgroundColor = "rgb( " + red_needed + ", " + green_needed + ", " + blue_needed + ")"; // The background-color you want
               }
            }
        }

        var allElements=document.getElementsByTagName("*"); // Get all elements on a page
        for(var i=0; i<allElements.length; i++)  {
            changeBackgroundColor(allElements[i]);}
    }
    window.addEventListener("DOMContentLoaded",noWhiteBackgroundColor, false);
})();

私はこれをほぼ2年間使用しており、白い背景を変更できなかったWebサイトは考えられません。

https://addons.mozilla.org/en-US/firefox/addon/blank-your-monitor-easy-readin/

これは便利だと思いました。テキストと背景に独自の色を選択できます。定義済みのホットキーを押すだけです。

色彩

私はそれを使用します。

色相、彩度、明度、不透明度の高度な制御により、Webページを色付けします。自動着色のためのホワイトリストWebドメイン（オプション！）

新規：ドラッグアンドドロップを使用して、テーマをテキストとしてコピーし、色のプロパティを自由にグループ化します。

PS：暗いFirefoxテーマ

マウスの左ボタンでバーをクリックしてカスタマイズすると、緑色の木が表示されます。それをバーに置いてクリックします。色は変わりますが、[編集]-> [設定]-> [コンテンツ]-> [色]メニュー項目で独自の色を作成できます。

無効：システムカラーを使用し、ページを許可します

正確にはあなたが求めているものではありませんが... OS Xの小さなスクリプトと組み合わせたソフトウェアを使用します。ソフトウェアはNocturneと呼ばれます。このスクリプトは、私の地理的な場所の日の出と日の入りの時刻を調べます。次に、日没時にノクターンをアクティブにし、日の出時にオフにします。私が知っているFirefoxに固有のものではありませんが、どのブラウザや他のほとんどのソフトウェアでも動作するので、確かに素晴らしいです。

アドオンhttp://addons.mozilla.org/en-US/firefox/addon/black-background-white-textには、黒い色に対して異なる方法があります。色と背景画像のみを反転します（色を反転しても、CSSやJavaScriptメソッドのようにページデザインが破壊されることはありません）。あなたはそれを愛するでしょう、あなたがホワイトモードにいるような気がします、そしてあなたはテーマをインストールする必要はありません。

インストール後、メニューツール → アドオン → 黒い背景と白いテキスト → ページの色を変更するデフォルトの方法 → 反転で、デフォルトの方法を「シンプルcss」から「反転」に変更します。

注意：Windowsモードも黒に変更した場合は、デフォルトのFirefoxカラーマネージメントを無効にしてアドオンにすべての作業を行わせる方が良いでしょう。これを行うには、メニューツール → オプション → コンテンツ → 色 →チェックを外します「システムの色を使用する」を選択し、「ページで指定された色を上の選択で上書きする」で「しない」を選択します。

その後、Firefoxを再起動してください！

ヒント：アドオンは、モードを無効にするか、「反転」メソッドから「CSS」メソッドまたは「JavaScript」メソッドに変更するためのボタンをバーに配置します。

結果は次のとおりです。

別のオプションは、リングのトパーズを使用して背景色を変更するか、背面を削除することです。

サイトにアクセスしたら、WebサイトのURLを入力し、読みやすい背景/フォントの色の組み合わせを選択します。