Menjelang akhir bulan ini saya agak bingung mencari bahasan untuk ditulis. Beruntungnya saya akhirnya menemukan case / kasus yang sepertinya menarik untuk dibahas. Kasus yang saya maksud adalah tinggi header jendela GTK, khusunya tema Adwaita
. Bagi sebagian orang (termasuk saya juga), ukuran tinggi header jendela GTK agak berlebihan. Apalagi untuk pengguna dengan tinggi layar monitor yang terbatas, yang mana cukup memakan tempat. Bisakah tinggi header jendela GTK dikurangi ? Ternyata bisa ! Berikut adalah pembahasannya.
Tema GTK Adwaita.
Tema GTK Adwaita
kini sudah menjadi bagian dari GTK versi 3. Saya menemukan informasi itu ketika ingin mengedit berkas css
tema Adwaita
. Bisa dilihat pada direktori /usr/share/themes/Adwaita/gtk-3.0/gtk.css
. Isi berkasnya adalah sebagai berikut :
/* Adwaita is now part of GTK+ 3, this file is no longer used */
Setelah melihat isinya, ternyata kita perlu mengubah berkas css
yang lain, karena berkas /usr/share/themes/Adwaita/gtk-3.0/gtk.css
sudah tidak diperlukan lagi. Lantas kita perlu mengubah berkas yang mana ? Setelah menelusuri sebentar, ternyata kita perlu mengubah / menambahkan konfigurasi pada berkas css
di ~/.config/gtk-3.0/gtk.css
.
Cara mengurangi tinggi header jendela gtk pada tema Adwaita.
Persiapan.
Berikut adalah beberapa hal yang perlu dipersiapkan :
- Berkas
gtk.css
, biasanya berada di~/.config/gtk-3.0/gtk.css
. Jika belum ada, bisa ditambahkan sendiri. - Editor teks, di sini saya menggunakan
gvim
, sesuai kebutuhan masing-masing.
Langkah-langkah.
Berikut adalah beberapa langkah yang bisa dijalankan :
-
Buka berkas
gtk.css
, lebih tepatnya di~/.config/gtk-3.0/gtk.css
! -
Tambahkan beberapa baris berikut pada berkas
gtk.css
!headerbar { min-height: 24px; padding-left: 2px; padding-right: 2px; margin: 0px; padding: 0px; }
Berikut adalah contohnya :

-
Simpan berkasnya, lalu coba buka satu program / aplikasi yang menggunakan
GTK
!Berikut adalah perbandingan sebelum dan sesudah berkas
gtk.css
diubah :

Sebelum berkas css diubah.

Setelah berkas css diubah.
Jika dilihat, cukup terlihat perbedaannya bukan ?
Ringkasan.
- Tema GTK
Adwaita
memiliki tinggi header yang cukup tinggi, namun masih bisa kita ubah. - Berkas yang diubah adalah
~/.config/gtk-3.0/gtk.css
. - Bagian yang bisa ditambahkan adalah bagian
headerbar
.
Kredit dan referensi.
Penutup.
Demikian tadi cara sederhana mengurangi tinggi header
pada jendela GTK, khususnya untuk tema Adwaita
, semoga bisa membantu dan menjawab rasa penasaran. Sekian, terima kasih dan sampai berjumpa pada bahasan selanjutnya !
Leave a Reply