Bagaimana cara membalikkan skema warna halaman web di Firefox?

10

Saya gunakan untuk menjelajahi web di ruangan gelap dan lebih suka jika latar belakangnya menjadi gelap dan teks akan lebih terang daripada sebaliknya yang jauh lebih umum. Saya kira ini dapat dicapai dengan beberapa CSS kustom atau kode JS yang diterapkan tetapi saya bukan pembuat kode web dan saya tidak yakin tentang cara melakukan ini (terutama untuk diterapkan ke semua situs web). Bahkan lebih hebat lagi jika ada ekstensi untuk menginstal dan mendapatkan hanya efek yang dibutuhkan.

Ada saran?

Ivan
sumber
Anda mungkin ingin melihat pergeseran merah .
Cristian Ciupitu

Jawaban:

16

Di browser berbasis WebKit, Anda dapat menambahkan gaya berikut untuk mencapai inversi warna:

html { -webkit-filter: invert(); }

masukkan deskripsi gambar di sini

Sayangnya, kami sedang menunggu implementasi di Firefox: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Setara di Firefox akan terlihat seperti:

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

Hasilnya tidak sedekat ini:

masukkan deskripsi gambar di sini

Bonus

Inilah bookmarklet untuk WebKit (membutuhkan jQuery untuk dimuat):

javascript:$("html").css("-webkit-filter","invert()")
Der Hochstapler
sumber
Dalam kasus saya, batas situs web tidak terbalik. Link . Saya kira saya perlu membalikkan tag lain juga, bukan hanya html. Apa yang harus saya lakukan untuk membalikkan perbatasan juga?
Utku
2

Coba ini .. Alat> Opsi> Klik tab Isi lalu Klik Tombol Warna. Sekarang Hapus centang "Izinkan halaman bla bla ...." kotak centang. Sekarang pilih warna putih untuk teks dan warna hitam untuk bacground. Semoga ini bisa membantu. Saya melakukannya di ver24.0.

RVShenoy
sumber
1

(Sunting: Baru menyadari bookmarklet tidak berfungsi di Firefox, karena Mozilla memutuskan untuk tidak mendukung Invert. Tapi ada tautan jQuery pada halaman yang akan melakukan hal yang sama.) Anda dapat menggunakan bookmarklet di halaman ini: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

Sistem operasi? Saya memiliki aplikasi di Mac saya, Nocturne, itu membalikkan warna di seluruh papan. Mirip dengan hanya menekan ctrl-option-cmd-F8. Saya tidak tahu cara melakukannya di Windows. Nocturne sedikit lebih bagus karena mengubah warna, tidak hanya membalikkannya, untuk membuat tampilan sedikit lebih bagus di malam hari atau dalam pencahayaan redup. Keuntungan di sini adalah segalanya, bukan hanya halaman Firefox, beralih, dan Anda tidak harus terus menerapkannya setiap kali Anda memuat halaman baru.

dr.nixon
sumber
0

Periksa Pengaya ini jika berguna bagi Anda.

Ini memiliki beberapa opsi yang lebih baik. di sini adalah tangkapan layar >>>

masukkan deskripsi gambar di sini

Shah Zor
sumber
0

Buat bookmarklet dengan URL berikut:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
Tom
sumber