Nonaktifkan gaya sistem untuk elemen input formulir Firefox

Saya menggunakan tema gelap di Lubuntu yang disebut Dorian . Saya cukup senang dengan itu. Namun, Firefox tampaknya mewarisi warna sistem tertentu untuk elemen input bentuknya, membuatnya sangat sulit untuk dilihat.

Sebagai contoh:

Jika saya mengubah warna latar depan, saya juga harus mengubah warna latar belakang kotak teks, yang baik-baik saja sekarang, tetapi terang-on-gelap.

Saya bisa membayangkan menyelesaikan ini dalam beberapa cara:

1. Tambahkan lembar gaya khusus untuk Firefox untuk membalikkan perubahan. (Saya menggunakan Stylish , jadi sepele untuk diterapkan. Namun, CSS dengan elemen bentuk tampaknya rumit.)
2. Modifikasi ke Dorian (saya pikir Anda dapat menyesuaikan tema GTK untuk program tertentu.)
3. Nonaktifkan addon Ubuntu-Firefox-modifikasi Firefox .
4. Temukan pengaturan di Firefox untuk mencegah pemuatan warna sistem untuk elemen input.
5. Instal Dorian Theme untuk Firefox . (Saya enggan untuk ini, karena Dorian tidak diperbarui secara aktif, dan Firefox terus-menerus.)

Tentu saja, saya juga menyambut solusi lain yang belum saya pikirkan.

Solusi berbasis CSS sulit untuk dilakukan dengan benar, menurut pengalaman saya. Yang ada di jawaban Michael bekerja di beberapa situs tetapi tidak semua.

Di Firefox 60, ada solusi yang lebih mudah. Pergi ke about:configdan atur nilai string berikut: widget.content.gtk-theme-override=Adwaita:light

(Anda harus mengklik kanan dan memilih New -> String. Mencari gtk-theme-overridetidak akan menemukan apa-apa karena pengaturannya tidak ada di sana.)

Penghargaan untuk Martin Stránský: https://bugzilla.mozilla.org/show_bug.cgi?id=1283086#c7

Anda dapat mencoba ekstensi Kontras Teks untuk Tema Gelap .

Juga, solusi CSS yang lebih lama ini tampaknya masih berfungsi, meskipun mungkin itulah yang Anda gunakan sekarang.

Saya juga menggunakan tema gelap (Adapta Nokto), dan saya juga menemukan beberapa situs web yang mengubah warna teks dalam input, tetapi menganggap bahwa warna latar belakang akan menjadi putih (mengarah ke teks yang sama sekali tidak dapat dibaca).

Saya menjelajahi opsi CSS, dan menemukan penjelasan tentang pengaturan gaya pengguna default ini tanpa memerlukan ekstensi browser apa pun. Ringkasan:

1. Profil Firefox Anda akan memerlukan userContent.cssfile di tempat yang tepat. Anda dapat membuatnya seperti ini:

   • Ubah direktori ke profil Firefox Anda:
     cd ~/.mozilla/firefox/<your profile>/
   • Buat direktori "chrome" jika tidak ada
     mkdir chrome
   • Buat file CSS di direktori baru ini
     touch chrome/userContent.css

2. Edit file yang baru dibuat userContent.cssuntuk memasukkan gaya dasar yang ingin Anda terapkan ke semua halaman.

3. Mulai ulang Firefox untuk melihat perubahannya.

Sebagai permulaan, saya menambahkan ini ke file CSS saya:

input, textarea {
  background-color: #fff;
  color: #222;
}

Ini mengasumsikan beberapa keakraban dengan CSS. Jika ini baru bagi Anda, ini artinya:

• Temukan semua inputdan textareaelemen di halaman
• Jadikan latar belakang putih ( #fffadalah singkatan kode hex untuk putih)
• Jadikan warna teks abu-abu gelap ( #222)

Ada banyak elemen lain yang ingin Anda gayakan, seperti buttondan select, dan Anda bisa lebih spesifik dengan input Anda, seperti input[type=checkbox].

Ini tidak persis menonaktifkan penggunaan tema sistem Anda, tetapi setidaknya memungkinkan Anda untuk menimpanya dan memberikan situs web dengan default yang lebih dekat dengan apa yang mereka harapkan.