Sesuaikan Firefox 57 dengan CSS
- Kategori: Firefox
CSS khusus untuk Fx adalah kumpulan gaya CSS untuk Firefox 57 dan yang lebih baru oleh penulis Pengaya Tema Klasik Firefox yang populer.
Firefox 57 tidak akan mendukung Pemulihan Tema Klasik atau antarmuka lain yang mengubah ekstensi atau tema lagi karena peralihan 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 Mozilla sediakan di Firefox, adalah dengan menggunakan CSS.
Pengguna Firefox yang memahami CSS dapat mengedit file CSS secara manual untuk memodifikasi versi browser web mereka. Sebagian besar pengguna Firefox di sisi lain mungkin tidak melakukannya, dan di situlah CSS Khusus untuk Fx berperan.
Sesuaikan Firefox 57 dengan CSS
Proyek dihosting di GitHub, dan dikelola oleh Aris yang dikenal dengan add-on Firefox populer seperti Classic Theme Restorer dan NoiaButtons. Pemulih Tema Klasik dibuat sebagai menanggapi antarmuka Australis yang diluncurkan Mozilla di Firefox 29. Ekstensi tidak akan berfungsi di Firefox 57 atau yang lebih baru lagi karena Mozilla menghentikan dukungan untuk pengaya lawas di versi Firefox tersebut, dan tidak memperkenalkan kemampuan untuk mengubah antarmuka pengguna sebagai API Ekstensi Web.
Halaman awal proyek menawarkan informasi tentang lokasi folder profil browser web Firefox, dan menggunakan gaya yang disediakan untuk memodifikasi Firefox.
Cara termudah untuk menemukan folder profil adalah dengan memuat about: support di bilah alamat browser, dan mengklik tombol 'buka folder' di bawah 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.
Kumpulan tweak default mungkin menarik bagi beberapa pengguna, tetapi file CSS hadir dengan opsi untuk mengaktifkan atau menonaktifkan tweak yang berbeda untuk mengubah antarmuka lebih lanjut.
Buka file userChrome.css di editor teks biasa. File tersebut menggunakan perintah @import untuk mengimpor gaya CSS sebenarnya dari file CSS. Ini dilakukan agar userChrome.css utama tetap rapi dan memudahkan pengguna Firefox untuk memodifikasinya.
Baris yang dimulai dengan / * dikomentari dan file CSS yang mereka tautkan tidak diimpor karena itu.
Yang perlu Anda lakukan adalah memeriksa bagian daftar satu per satu untuk menentukan mana dari tweak yang tersedia yang ingin Anda aktifkan di Firefox.
Anda menurunkan tweak dengan menambahkan / * di depan baris 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 Squared
- Ubah tampilan ikon
- Ubah popup tombol aplikasi.
- Ubah menu bookmark dan tampilan popup.
- Tampilan tombol toolbar bookmark lama
- Pengaturan tombol lainnya (tombol Maju sembunyikan, tombol mundur dan maju memisahkan popup riwayat, tombol zoom menyembunyikan reset).
- Tampilan tombol mundur dan maju kustom
- Tombol aplikasi / hamburger pada toolbar navigasi
- Tombol aplikasi / hamburger di bilah judul Firefox (khusus Windows)
- Tampilan tab (gaya, posisi toolbar misalnya di bawah toolbar (baca: tab tidak di atas), judul tab, ikon, dan lainnya.
- Ubah bilah penelusuran, menu konteks, ikon, dan bilah alat lainnya.
- Ubah gaya bilah lokasi.
Beberapa di antaranya cukup jelas. Yang lainnya tidak, tetapi Anda memiliki dua pilihan dalam hal ini. Aktifkan dan periksa secara langsung, atau buka file CSS yang dimuat untuk mencari tahu apa yang mereka lakukan. Namun yang terakhir membutuhkan beberapa pengetahuan tentang CSS.
File userContent.css menggunakan tata letak yang sama. Itu mengimpor file CSS, dan terserah Anda untuk mengaktifkan atau menonaktifkannya.
Daftar tweak antarmuka asli yang disarankan dan about: config tweak juga disediakan oleh proyek untuk memodifikasi tampilan Firefox lebih lanjut.
Kata Penutup
CSS khusus untuk Fx menawarkan banyak modifikasi antarmuka untuk antarmuka Firefox 57 yang tidak dapat dilakukan menggunakan ekstensi atau menggunakan fitur bawaan. Pengguna Firefox yang sudah ada mungkin akan merasakan manfaatnya, terutama jika mereka telah menggunakan Classic Theme Restorer atau add-on yang sebanding hingga sekarang.
Pembaruan dirilis secara teratur oleh Aris; itu bagus tidak hanya untuk fungsionalitas baru yang mungkin diperkenalkan melalui tweak, tetapi juga untuk menjaga gaya yang kompatibel dengan rilis Firefox baru.