Firefox'u yalnızca tarayıcı kromunda GTK temasını kullan, ancak web sitelerinde yoksay


14

Karanlık bir GTK temam var, firefox'un hepsini yok saymasını istemiyorum, sadece temanın Firefox'un kromunu (düğmeler, adres çubuğu, yer imleri çubuğu vb.) Etkilemesini istiyorum, ancak temayı istiyorum web siteleri tarafından göz ardı edilmek için, web siteleri tarayıcı tarafından temalı olmamalıdır! Bu bir günah ve her şeyi mutlak bir saçmalık gibi gösteriyor. Herkes nasıl düzeltmek için herhangi bir fikri varsa, bu harika olurdu, teşekkürler!


Düzenle: Aşağıdaki resimde, üst panelde "karanlık tema" uygulandığında arama kutusuna girilen metnin neredeyse görünmez olduğu görülmektedir; alt panel karanlık tema uygulanmadığında metni açıkça görülebilir gösterir.

Google'ın arama kutusundaki metin


Ambiance veya Radiance gibi standart (hafif) gtk temalarının web sayfalarının görünümünü çoğunlukla etkilemediğini düşünüyorum. Karanlık tema kullanıcıları Google'daki arama kutularını bulduğunda ve metin kutuları etkilendiğinde burada birkaç yayın var . Sorunuzu, karanlık temanızla ve karanlık temanız olmadan Firefox resimlerini içerecek şekilde düzenleyebilir misiniz? İşletim sisteminizden ve temanın adından ve kaynağından bahsetmek de yardımcı olabilir.

Ubuntu 12.10'dayım ve evet, genellikle firefox temasıyla temalı olan form girişleri ve birleşik kutular. İşte bazı ekran görüntüleri: imageshack.us/a/img571/1883/screenshotfrom201302140.png | imageshack.us/a/img687/1883/screenshotfrom201302140.png | imageshack.us/a/img14/4177/screenshotfrom201302140v.png | imageshack.us/a/img14/1883/screenshotfrom201302140.png
KoRnKloWn

Başardı! Ancak ben 2 .default klasörleri, (geçmiş yüklemeler / yapılandırma dosyalarını yedekleme) vardı ve profil klasörünüzü açmak için daha kolay bir yol buldum (hangisinin aktif olduğunu bulmak için bunu yaptım). Yardım menüsünü ve ardından Sorun Giderme Bilgileri'ni açarsanız, Dizin Aç düğmesi bulunan bir Profil Dizini girişi görürsünüz, bu düğmeye tıklamak aktif randomstring.default klasörünüzü doğrudan açar.
KoRnKloWn

Ayrıca, size biraz kredi verebilir, oy verebilmem için bir cevap olarak yayınlamış olmalısınız;)
KoRnKloWn

Yanıtlar:


13

Umarım durumunuzu doğru anlarım. Biraz Yüksek kontrastlı tema Firefox sorunu ve tarayıcı için gnome 3 temasını değiştirmeniz gerekiyor gibi görünüyor . Ve aşağıdaki cevabım aslında bu sorulara verdiğim cevap!

Tüm Firefox örneklerini kapatın (çıkış). Profil klasörünüze gidin. Burada geçerli: ~/.mozilla/firefox/randomstring.default. Orada, adlı bir alt klasör arayın chrome.
Yoksa, oluşturun. Klasörü
oluşturmak chromeiçin dosya yöneticinizi (veya komut satırını mkdir chrome) kullanabilirsiniz.
Varsa chromeadlı bir dosya arayın userContent.css. Aksi takdirde, chromeklasörde bu ada sahip boş bir metin dosyası oluşturun . Şimdi userContent.cssbir metin düzenleyicisiyle açın ve şu kodu yapıştırın veya ekleyin:

INPUT, TEXTAREA {color: black !important; background: #aaaaaa !important; }

Dosyayı kaydedin (düz metin olarak) ve metin düzenleyiciyi kapatın. Firefox'u yeniden başlatın. Şimdi açık gri bir arka plan üzerinde siyah metin olmalıdır. İstediğiniz renk kombinasyonunu kullanabilirsiniz.

Notlar: chromeve userContent.cssbüyük / küçük harf duyarlıdır ve doğru yazılmalıdır. Buradaki ayarlar, OS temasındakilere göre öncelikli olacak ve hangi gtktemaya geçtiğinizden bağımsız olarak Firefox'ta aynı kalacak .


2
!importantMarker olmadan daha iyi bir sonuç aldım . Bırakırsanız, sorun çözülecektir, ancak şeffaf olması gereken tüm girdiler beyaz hale geldi.
ldavid

Ben de unset kullanabilirsiniz. INPUT, TEXTAREA {color: unset; background: unset; }
rharriso

2

Herhangi bir nedenle kabul edilen cevabı işe alamadım, bu yüzden aynı etkiyi elde etmek için küçük bir Greasemonkey senaryosu yazdım : https://gist.github.com/einarmagnus/d741e30ad13b051d7971

// ==UserScript==
// @name        bright forms
// @namespace   einar
// @description Make all form elements default to light style to combat gtk theme
// @include     *
// @version     1
// @grant       none
// ==/UserScript==
function addDefaultCssRules(rule) {
  var styleElement = document.createElement('style');
  styleElement.type = 'text/css';
  document.head.insertBefore(styleElement, document.head.firstChild);
  styleElement.sheet.insertRule(rule, 0);
}
addDefaultCssRules('input, button, textarea, select { background-color:#fff;border-radius:5px;color:#111 }');

Bu benim için çalıştı.

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.