Ubah latar belakang putih di halaman web ke warna lain

Saat ini saya menggunakan tema gelap di Firefox. Ini terlihat sangat bagus, tetapi banyak halaman web menggunakan latar belakang putih polos. Kontras yang dihasilkan sedikit tidak menyenangkan dan terkadang menyakitkan mata ketika saya beralih dari tab gelap ke tab putih.

Apakah ada cara untuk membuat firefox menggantikan backgrouns putih di mana-mana dengan warna lain (abu-abu muda, misalnya)? Ini bisa berupa skrip bergaya, retasan userChrome.css, atau apa pun yang berfungsi (sebaiknya seringan mungkin).

Untuk memperjelas diri saya: setelah saya mencapai tujuan saya, warna latar belakang setiap kali saya mengunjungi situs Superuser harus abu-abu terang, bukan putih, dan hal yang sama harus terjadi pada situs lain dengan latar belakang putih (situs google, krisis teknologi, dll. ).

Apakah ada cara untuk melakukan itu?

Saya baru saja menulis skrip Greasemonkey cepat yang memeriksa gaya bodyelemen yang dikomputasi dan mengubahnya menjadi hitam (Anda mungkin ingin memilih warna yang berbeda):

(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;");
    }
})();

Masalah dengan hal-hal semacam ini adalah bahwa kecuali situs web dirancang dengan sangat baik, akan ada bercak putih di atas hitam.

Ini bukan solusi yang sempurna tetapi Anda bisa melakukan ini setiap kali Anda mengunjungi situs yang ingin Anda ubah latar belakangnya.

Di Firefox di bawah 38, buka Tools > Options > Contentdan klik Colourstombol. Di Firefox 38 dan lebih tinggi, buka Edit > Preferences > Contentdan klik di sana Colors.

Pilih abu-abu untuk "Latar Belakang", dan kosongkan kotak centang di dekat "Izinkan halaman untuk memilih warna mereka sendiri, bukan pilihan saya di atas" dan "Gunakan warna sistem".

Saya telah memperbarui skrip Greasemonkey (Firefox) untuk menekan latar belakang putih.

Skrip akan bekerja di Chrome jika Anda menginstal Tampermonkey.

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

Ini mengubah semua latar belakang putih menjadi abu-abu (ish) dengan beberapa bayangan. Anda dapat mengkonfigurasi dan mengatur warna dasar Anda sendiri dari kode generik. Nuansa putih juga ditampilkan.

Saya memiliki tiga varian: Gray , Pink , dan Green - yang semuanya dapat dikustomisasi.

Cari di skrip pengguna untuk noWhiteBackgroundColor .

Saya menemukan akhir-akhir ini addon firefox ini Bergaya . Ini akan melakukan apa yang Anda inginkan & banyak lagi!

Javascript berikut akan menimpa elemen latar belakang CSS dan HTML dengan warna putih dan elemen teks dengan warna hitam pada halaman saat ini, cukup tempelkan ke lokasi Anda atau bidang browser:

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);
    }
})();

Di bilah pencarian browser, ketik about:config.

Di bidang pencarian, ketik browser.display.background_color.

Klik dua kali pada string dan ubah #FFFFFF(kode heksadesimal untuk putih) menjadi #000000(kode heksadesimal untuk hitam) atau warna lain yang Anda inginkan dan klik OK. Mulai ulang browser agar mulai berlaku.

Pada bilah URL ketik about: config dan navigasikan ke pengaturan ini: browser.display.background_color

Info lebih lanjut jika Anda membutuhkannya di sini .

Saya baru-baru ini mengganti komputer lama saya dan perlu mengatur Firefox lagi. Salah satu hal utama yang ingin saya pulihkan adalah skrip Greasemonkey yang mengubah warna latar belakang situs web mana pun.

Karena itu saya agak kesal karena saya tidak dapat menemukan yang saya gunakan sebelumnya. Singkat cerita - ini adalah salah satu dari PC lama saya.

Skrip ini bukan karya saya sendiri

Semua kredit harus diberikan kepada Howard Smith. Ini awalnya diposting di Userscripts.org yang sekarang tampaknya tidak tersedia.

Cukup buat skrip pengguna baru di Greasemonkey dan rekatkan yang berikut di:

(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);
})();

Saya telah menggunakan ini selama hampir dua tahun dan tidak dapat memikirkan situs web mana yang gagal mengubah latar belakang putih.

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

Saya menemukan ini berguna. Ini memungkinkan Anda memilih warna Anda sendiri pada teks dan latar belakang. Tekan saja tombol pintas yang telah ditentukan.

Yg mewarnai

Aku menggunakannya.

Warnai halaman web dengan kontrol canggih untuk rona, saturasi, cahaya, dan opacity. Daftar putih domain web untuk pewarnaan otomatis (opsional!).

BARU: Gunakan drag-and-drop untuk menyalin tema sebagai teks dan untuk secara bebas mengelompokkan properti warna.

PS: ditambah tema Firefox gelap

Klik pada bilah dengan tombol kiri mouse dan sesuaikan dan Anda akan melihat pohon hijau, letakkan di bilah dan klik. Warna akan berubah dan Anda masih dapat membuat warna sendiri di item menu Edit -> preferensi -> konten -> warna.

Nonaktifkan: gunakan warna sistem dan izinkan halaman

Meskipun tidak persis apa yang Anda cari ... Saya menggunakan perangkat lunak ditambah dengan skrip kecil di OS X. Perangkat lunak ini disebut Nocturne. Script mengetahui jam berapa matahari terbit dan terbenam di lokasi geografis saya. Kemudian mengaktifkan Nocturne saat matahari terbenam, dan mematikannya saat matahari terbit. Tidak spesifik untuk Firefox yang saya tahu, tapi itu pasti bagus karena berfungsi pada browser apa pun, dan sebagian besar perangkat lunak lainnya.

Add-on http://addons.mozilla.org/en-US/firefox/addon/black-background-white-text memiliki metode berbeda untuk warna hitam. Ini membalikkan warna dan gambar latar belakang saja (warna terbalik tidak akan merusak desain halaman seperti dalam metode CSS atau JavaScript). Anda akan menyukainya, Anda merasa seperti berada dalam mode putih, dan Anda tidak perlu menginstal tema apa pun.

Setelah menginstal, ubah metode default dari "simple css" ke "invert" di: menu Tools → Add-ons → Black background dan white text → Metode default untuk mengubah warna halaman → Invert .

NB: Jika Anda telah mengubah mode Windows menjadi hitam juga, maka Anda akan merasa lebih baik untuk menonaktifkan manajemen warna Firefox default dan membiarkan add-on melakukan semua pekerjaan, lakukan ini: menu Alat → Pilihan → Konten → Warna → hapus centang "Gunakan warna sistem" dan pilih "Tidak pernah" di "Override warna yang ditentukan oleh halaman dengan pilihan saya di atas".

Kemudian mulai ulang Firefox!

Kiat: Add-on meletakkan tombol di bilah Anda untuk menonaktifkan atau mengubah mode dari metode "terbalik" menjadi metode "CSS" atau metode "JavaScript".

Inilah hasilnya:

Pilihan lain adalah dengan menggunakan Ring of Topaz untuk mengubah warna latar belakang atau menghapus bagian belakang.

Setelah Anda pergi ke situs, masukkan URL situs web, dan pilih kombinasi warna latar / font yang lebih mudah dibaca oleh Anda.