Sunday, January 22, 2017

Cara mengubah warna panel di Elementary OS

Cara mengubah warna panel di Elementary OS


Elementary OS dirancang mirip dengan tampilan OS X, tidak sepenuhnya mencontek hanya terinspirasi dari OS X. Elementary menjadi alternatif bagi yang ingin mempunyai distro yang mirip OS X, namun dari tampilan awal saja sudah berbeda yaitu pada warna panel. Nah jika ingin mengubah warna panel berikut langkah-langkahnya :

1. Buka file manajer dengan hak administrator gksu pantheon-files,lalu arahkan ke /usr/share/themes/elementary(atau tema yangsedang dipakai)/gtk-3.0, buka app.css dengan teks editor. Kemudian cari pada kode berikut :


/*********
* Panel *
********/

.panel {
background-color: alpha (
#000, 0.7);
color: #fff;
font-weight: bold;
}

JIka ingin mengubah panel ke warna abu-abu kita ubah nilai yang diblok hijau menjadi kode warna abu-abu yaitu #ccc, sedangkan nilai 0.7 dibelakangnya adalah untuk mengatur transparansi. Nilai transparansi antara 0.1-0.9. Jika tidak ingin transparan hapus saja pada nilai transparansinya menjadi

.panel {

background-color: alpha (#ccc);
color: #fff;
font-weight: bold;
Jika ingin transparan penuh ganti menjadi background-color:@transparent;
Selanjutnya mengubah warna huruf/font panel. Cari kode dibawah ini

.composited-indicator {

background-color: @transparent;
color: #fff;
padding: 0 2px;
Warna huruf asli adalah putih, kita ubah menjadi hitam dengan mengubah nilai pada color menjadi #000

.composited-indicator {

background-color: @transparent;
color: #000;
padding: 0 2px;
Pengeditan selesai, tutup teks editor dan jalankan perintah killall wingpanel untuk melihat hasilnya.


Available link for download