Custom CSS for Fx adalah kumpulan gaya CSS untuk Firefox 57 dan yang lebih baru oleh penulis add-on Classic Theme Restorer Firefox yang populer.
Firefox 57 tidak akan mendukung Classic Theme Restorer atau antarmuka lain yang mengubah ekstensi atau tema karena beralih ke sistem eksklusif WebExtensions. Sistem WebExtensions baru mencegah perubahan pada antarmuka pengguna browser dengan tidak menyediakan API untuk pengembang ekstensi.
Satu-satunya pilihan yang tersisa bagi pengguna Firefox untuk memodifikasi UI, selain dari apa yang disediakan Mozilla secara asli di Firefox, adalah menggunakan CSS.
Pengguna Firefox yang mengetahui jalan keluar CSS dapat mengedit file CSS secara manual untuk memodifikasi versi browser web mereka. Sebagian besar pengguna Firefox mungkin tidak, dan di situlah Custom CSS untuk Fx berperan.
Kustomisasi Firefox 57 dengan CSS
Proyek ini di-host di GitHub, dan dikelola oleh Aris yang dikenal dengan add-on Firefox populer seperti Classic Theme Restorer dan NoiaButtons. Classic Theme Restorer dibuat sebagai respons terhadap antarmuka Australis yang diluncurkan Mozilla di Firefox 29. Ekstensi tidak akan berfungsi di Firefox 57 atau yang lebih baru lagi karena Mozilla menjatuhkan dukungan untuk add-ons lawas dalam versi Firefox itu, dan tidak memperkenalkan kemampuan untuk memodifikasi antarmuka pengguna sebagai WebExtensions API.
Halaman awal proyek ini menawarkan informasi tentang mencari folder profil browser web Firefox, dan menggunakan gaya yang disediakan untuk memodifikasi Firefox.
Cara termudah untuk menemukan folder profil adalah dengan memuat tentang: dukungan di bilah alamat browser, dan mengklik tombol "folder terbuka" di bawah Dasar-Dasar Aplikasi> Folder Profil.
Anda perlu membuat folder bernama chrome jika tidak ada di root direktori profil. Setelah selesai, salin konten arsip ke folder itu. Pastikan bahwa userChrome.css dan userContent.css terletak di root folder chrome.
Ini semua yang perlu dilakukan untuk menambahkan gaya kustom ini ke Firefox. Namun ada langkah lain yang mungkin ingin Anda ambil, dan itu adalah menyesuaikan tweak.
Set tweak standar mungkin menarik bagi beberapa pengguna, tetapi file CSS datang dengan opsi untuk mengaktifkan atau menonaktifkan tweak berbeda untuk mengubah antarmuka lebih lanjut.
Buka file userChrome.css dalam editor teks biasa. File menggunakan perintah @import untuk mengimpor gaya CSS sebenarnya dari file CSS. Hal ini dilakukan untuk menjaga agar pengguna utamaChrome.css tetap rapi dan memudahkan pengguna Firefox untuk memodifikasinya.
Baris yang dimulai dengan / * dikomentari dan file CSS yang ditautkan tidak diimpor karena itu.
Yang perlu Anda lakukan adalah memeriksa daftar bagian satu per satu untuk menentukan tweak mana yang ingin Anda aktifkan di Firefox.
Anda membongkar tweak dengan menambahkan / * di depan garis dan * / di belakang. Demikian pula, Anda menghapus / * di depan dan * / di belakang untuk mengaktifkan tweak.
Berikut adalah daftar tweak yang tersedia saat ini:
- Ubah tombol bilah alat navigasi.
- Aktifkan tombol Kuadrat
- Ubah tampilan ikon
- Ubah sembulan tombol aplikasi.
- Ubah menu bookmark dan tampilan munculan.
- Penampilan tombol bilah alat bookmark lama
- Pengaturan tombol lainnya (tombol Maju menyembunyikan, tombol kembali dan maju popup sejarah terpisah, tombol zoom menyembunyikan reset).
- Tampilan tombol kembali dan maju kustom
- Tombol aplikasi / hamburger pada bilah alat navigasi
- Tombol aplikasi / hamburger di bilah judul Firefox (hanya Windows)
- Penampilan tab (gaya, posisi bilah alat misalnya di bawah bilah alat (baca: tab tidak di atas), judul tab, ikon, dan banyak lagi.
- Ubah bilah pencarian, menu konteks, ikon, dan bilah alat lainnya.
- Ubah gaya bilah lokasi.
Beberapa di antaranya cukup jelas. Yang lain tidak, tetapi Anda memiliki dua opsi untuk hal ini. Aktifkan dan periksa secara langsung, atau buka file CSS yang dimuat untuk mengetahui apa yang mereka lakukan. Yang terakhir membutuhkan pengetahuan CSS.
File userContent.css menggunakan tata letak yang sama. Ini mengimpor file CSS, dan terserah Anda untuk mengaktifkan atau menonaktifkannya.
Daftar tweak antarmuka asli yang disarankan dan about: tweak konfigurasi juga disediakan oleh proyek untuk mengubah tampilan Firefox.
Kata Penutup
Custom CSS for Fx menawarkan banyak modifikasi antarmuka untuk antarmuka Firefox 57 yang tidak dapat dilakukan menggunakan ekstensi atau menggunakan fitur bawaan. Pengguna Firefox yang ada mungkin menemukan manfaatnya, terutama jika mereka telah menggunakan Classic Theme Restorer atau add-on yang sebanding sampai sekarang.
Pembaruan dirilis secara teratur oleh Aris; itu bagus tidak hanya untuk fungsionalitas baru yang dapat diperkenalkan melalui tweak, tetapi juga untuk menjaga gaya yang kompatibel dengan rilis Firefox baru.
