Firefox'ta web sayfaları renk düzenini nasıl tersine çevirebilirim?


10

Karanlık bir odada web'e göz atmak için kullanıyorum ve arka planlar karanlık ve metin çok daha yaygın olan tersi yerine hafif olurdu tercih ederdim. Bu, uygulanan bazı özel CSS veya JS kodu ile elde edilebilir, ancak bir web kodlayıcı değil ve bunu (özellikle tüm web siteleri için geçerli olacak) nasıl emin değilim varsayalım. Daha da harika bir şey, yüklemek ve sadece gerekli etkiyi elde etmek için bir uzantı olsaydı olurdu.

Herhangi bir öneri?


Kırmızıya kaymaya bakmak isteyebilirsiniz .
Cristian Ciupitu

Yanıtlar:


16

WebKit tabanlı tarayıcılarda, renk tersini elde etmek için aşağıdaki stili ekleyebilirsiniz:

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

resim açıklamasını buraya girin

Ne yazık ki, şu anda Firefox'ta uygulamayı bekliyoruz: https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Firefox'taki bir eşdeğeri şöyle görünür:

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

Sonuçlar yine de bu kadar güzel değil:

resim açıklamasını buraya girin

Bonus

İşte WebKit için yer işareti (jQuery'nin yüklenmesini gerektirir):

javascript:$("html").css("-webkit-filter","invert()")

Benim durumumda, web sitesinin sınırları ters çevrilmedi. Bağlantı . Sanırım başka bir etiketi de tersine çevirmem gerekiyor, sadece değil html. Sınırları tersine çevirmek için ne yapmalıyım?
Utku

2

Bunu deneyin .. Araçlar> Seçenekler> İçindekiler sekmesine ve ardından Renkler Düğmesine tıklayın. Şimdi "Sayfalara falan filan izin ver ..." onay kutusunun işaretini kaldırın. Şimdi metin için beyaz ve bacground için siyah renk seçin. Umarım yardımcı olur. Ver24.0'da yaptım.


1

(Düzenle: Yer işaretinin Firefox'ta çalışmadığını fark ettim, çünkü Mozilla Invert'i desteklememeye karar verdi. Ancak sayfada aynı şeyi yapacak bir jQuery bağlantısı var.) Bu sayfada yer işaretini kullanabilirsiniz: http: / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

İşletim sistemi? Mac'imde bir uygulama var Nocturne, renkleri tahta üzerinde ters çeviriyor. Sadece ctrl-option-cmd-F8 tuşlarına basmaya benzer. Windows üzerinde yapmanın bir yolunu bilmiyorum. Nocturne, renkleri ayarladığı için biraz daha hoştur, sadece geceleri veya loş ışıkta biraz daha hoş görünmek için onları tersine çevirmez. Buradaki avantaj, yalnızca Firefox sayfalarının değil, her şeyin değiştirilmesidir ve her yeni sayfa yüklediğinizde tekrar uygulamanıza gerek yoktur.


0

Sizin için yararlıysa bu Eklentiyi kontrol edin .

Biraz daha iyi seçenekleri var. İşte bir ekran görüntüsü >>>

resim açıklamasını buraya girin


0

Aşağıdaki URL ile bir yer işareti oluşturun:

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.