Membuat Sendiri Tema Gtk dari Tema yang Sudah Ada – Mengubah Warna

OS racikan sendiri berasa tidak lengkap kalau belum di poles dengan Tema Tampilan yang juga diracik dengan tangan sendiri. Prosesnya bisa menggunakan prinsip ATM (amati, tiru, modifikasi). Karena Tim Kesenian Blankon sudah menyediakan beragam tema tampilan yang bisa dipilih, tapi adakalanya kita buat tema sendiri dengan tema yang sudah ada.

Cara ini bisa diterapkan di berbagai Distro Linux dengan beragam DE, termasuk Blankon dengan DE berbeda. .

Oke, langsung saja, disini Blankon X Tambora, secara default menggunakan tema Bromo. Saya ingin mengubah tema Bromo ini yang semula memiliki warna Biru di bagian selected item (misal kita ada di dalam folder, lalu memilih file, maka file yang aktif berwarna biru) menjadi warna Hijau-Toska.

Peralatan yang dibutuhkan:
1. Nyali yang kuat
2. GColor2, untuk mengambil sampel warna yang mau diubah ( sudo apt install gcolor2 )
3. Gnome Tweak Tool, untuk nantinya kita mengubah tema tampilan ( sudo apt install gnome-tweak-tool )

## Proses Menyalin (direktori saat ini: Home)
Oke, kalau peralatan di atas sudah siap bisa lakukan hal berikut:
Kita backup dulu file asli tema Bromo, dengan menyalin ke direktori kerja
1. Buka File Manager a.k.a Files di Blankon
2. Buat direktori baru jika belum ada, di direktori /home/username/ dengan nama .themes
2. Masuk ke Other Locations > Computer > usr > share > themes > Bromo
3. Salin direktori Bromo dengan menekan tombol CTRL + C
4. Lalu tempel direktori Bromo ke di dalam folder /home/username/.themes/

## Proses re-branding (direktori saat ini: ~/.themes/)

1. Ubah nama (rename) direktori Bromo yang ada di /home/username/.themes/ menjadi Bromo-edit (terserah Anda namanya). Lalu masuk ke dalamnya

(folder saat ini: ~/.themes/Bromo-edit/)

2. Di dalam, ada file bernama index.theme. Buka file ini dengan Text Editor
3. Ubah “Name=Bromo” menjadi “Name=Bromo-Edit”
*** untuk mengubah tema gtk:
Ubah “GtkTheme=Bromo” menjadi “GtkTheme=Bromo-Edit”
*** untuk mengubah tema Metacity (di Unity-desktop):
Ubah “MetacityTheme=Bromo” menjadi “MetacityTheme=Bromo-Edit”
*** untuk mengubah tema icon yang ingin digunakan oleh default tema kita (contoh: saya menggunakan Moka):
Ubah “IconTheme=Tebu” menjadi “IconTheme=Moka”

## Proses Mengganti warna (jeng jeng jeng)
kita coba dengan mengambil sampel warnanya dulu, oke?
1. Buka aplikasi GColor2 terlebih dahulu
2. Dengan kondisi File Manager masih terbuka, di GColor menggunakan icon pipet tetes, ambil warna biru dari file yang terseleksi di File Manager (bagian tulisannya backgroundnya kan biru).

cara ambil warna
cara ambil warna

3. Setelah sampel warna terambil, salin kode warnanya dengan menekan CTRL+C
sampel warna yang terambil di mesin saya adalah: #5294E2
kita akan gunakan sampel ini untuk mencari semua baris kode gtk dengan warna ini, yang nantinya kita ubah warnanya menjadi hijau toska

Karena saya hendak mengubah tema gtk3, saya masuk dulu ke folder gtk-3.0
(folder saat ini: ~/.themes/Bromo-edited/gtk-3.0/)
4. buka file gtk.css dengan Text Editor a.k.a Gedit, lalu tekan CTRL+H (Replace)
5. Pada kolom isian find: isikan warna yang telah kita salin di LANGKAH 3 (CTRL+ V)
Pada kolom isian Replace with: isikan dengan kode warna yang kita inginkan, bisa menggunakan bantuan GColor2 lalu tempelkan kode warna html nya kesini..
Karena saya mengganti dengan warna hijau toska, maka kode warna yang saya isikan adalah: #48D292
Setelah itu, pilih REPLACE ALL, save…

Gunakan cara yang sama untuk file gtk-dark.css untuk tema gelapnya

Masih ada satu lagi, yaitu di folder Assets, di dalam folder ini, masih berwarna biru, silahkan edit warnanya menggunakan GIMP karena ini gambara bitmap, dan masih belum menemukan dimana file svgnya berada hehe

Untuk mencoba hasil oprekan kita, buka Gnome Tweak Tool. Di bagian Appereance, arahkan kursor di bagian Gtk+ , lalu pilih tema yang tadi kita buat,, yipppiee,

dark css
edisi tema gelap dengan centang dark theme diatas
normal css
edisi terang bercahaya
hasil akhir
Hasil akhir tema Bromo-edit

Oke sekian dari saya, untuk folder gtk-2.0 , metacity, dan gnome-shell, caranya kurang lebih sama seperti diatas (kalau sebatas mengganti warna BG ataupun tulisan)

The following two tabs change content below.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *