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 :

  1. Buka berkas gtk.css, lebih tepatnya di ~/.config/gtk-3.0/gtk.css !

  2. 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 :

  1. 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.

  1. Post forum askubuntu.
  2. Jawaban dari vanadium (anggota forum askubuntu).

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 !