Cara memasang tema di gnome-shell, (termasuk dua tema)

Pasti, ceritanya dalam penyuntingan css. Saya telah mencuba banyak tema dan tidak ada yang memenuhi selera saya dan saya perlu mengedit css, dan seperti saya. Saya bayangkan sebilangan besar. Memandangkan sama ada seseorang memerlukannya, saya akan meletakkan beberapa perkara menarik:

Fail yang mengumpulkan reka bentuk tema gnome-shell disebut gnome-shell.css dan dapat memiliki lokasi yang berlainan, biasanya harus berada di:

/home/usuario/.themes/topic/gnome-shell/

Tetapi ia juga boleh didapati di / usr / share / themes / Theme / gnome-shell / dan sekiranya berlaku default, itu harus di / usr / share / gnome-shell / themes /

Setelah dilihat anda boleh mengedit dan kemudian periksa perubahan dengan alt + f2 r

Beberapa catatan sebelumnya, css menyokong warna heksadesimal dan rgba, kemungkinan besar kita akan menjumpainya dalam rgba (merah, hijau, biru, ketelusan). Sekiranya mereka datang dalam bentuk heksadesimal pada halaman berikut, mereka dapat ditukar menjadi rgba:

http://hex2rgba.devoth.com/

Beberapa transformasi yang menarik. 

+ Kesan bulat panel. (panel itu tidak kelihatan seperti pita rata)

/ * Panel * /

#panel {
    sempadan: 1px pepejal rgba (255,255,255,0.15);
sempadan atas: 1px;
sempadan kiri: 0px;
sempadan-kanan: 0px;
    jejari sempadan: 0px;
    warna: rgba (255,255,255,1.0);
    / * latar belakang-warna: rgba (0,0,0,0.9); * / / * ini dikomentari * /
    latar-arah-kecerunan: menegak;
    latar-kecerunan-permulaan: rgba (88,88,88,0.90);
    latar-kecerunan-akhir: rgba (1,1,1,0.85);

4 baris terakhir adalah menentukan, kerana warna ke panel diberikan melalui warna latar, dalam hal ini saya mengulas elemen itu dan menambahkan tiga baris latar belakang-gradien- ... dengan tujuan untuk memulakan dengan warna dan selesai dengan yang lain secara menegak, dalam hal ini ia dimulai dengan warna terang dan diakhiri dengan warna gelap, dan dengan cara itu ia memberi kesan serta silinder.

Jangan mengelirukan warna latar belakang dengan warna, elemen warna adalah warna yang akan diambil oleh pelanjutan pada panel, dalam contoh sebelumnya ia akan menjadi warna putih.

+ Senarai tetingkap sebagaimana mestinya. 

Sesuatu yang membuat saya kesal mengenai gnome-shell adalah sedikit perhatian yang diberikan kepada senarai windows, kerana ia menjadikan semuanya sangat intuitif untuk seseorang yang berasal dari persekitaran lain (baik itu kde, windows, xfce, dll)

Titik ini adalah tilin yang lebih kompleks kerana terdapat beberapa tingkah laku, misalnya ketika tetingkap difokuskan, diminimumkan atau ketika penunjuk dilewati di atasnya.

Berikut adalah contoh ketika tetingkap difokuskan dan tingkah laku yang sama seperti ketika kita mengklik pada pelanjutan. Pada akhirnya, elemen yang akan kita ubah adalah sama untuk semua sambungan.

butang .panel: fokus {
sempadan: 1px pepejal rgba (206,207,201,0.85);
latar-arah-kecerunan: menegak;
latar-kecerunan-permulaan: rgba (255,255,255,0.55);
latar-kecerunan-akhir: rgba (200,200,200,0.40);
    warna: putih;
    teks-bayangan: hitam 0px 1px 1px;
}

Hal yang sama dilakukan dengan panel, dalam hal ini ketika saya memberi panel warna gelap, saya berusaha membuat senarai tingkap menjadi warna terang dan dengan kecerunan sehingga ia juga mempunyai kesan bulat. Batasnya juga penting, saya memberi lebar dan warnanya 1 piksel dengan memotretnya menjadi putih supaya hadnya dapat dilihat dengan jelas di panel gelap. 

Walau bagaimanapun, bahagian ini boleh menjadi sangat kompleks bergantung pada bagaimana kod tema gnome-shell.css yang kita ubah suai ditulis.

Perkara lain adalah bahawa senarai tingkap, sebagai perpanjangan, mempunyai kepingan gaya css sendiri, jadi untuk pekerjaan itu dapat dilakukan dengan lebih baik, lebih baik melakukannya di atasnya dan dengan itu mengelakkan kod yang tidak berguna. Lembaran gaya itu ada di dalam direktori pelanjutan:

/home/user/.local/share/gnome-shell/extensions/windowlist@o2net.cl

+ Ukuran ikon dalam Aktiviti (Aplikasi)

Kadang-kadang ukuran ikon sangat besar dan dengan pemisahan yang begitu besar sehingga hampir tidak ada baris 4. Nah, itu ada penyelesaiannya. Kami mencari bahagian Aplikasi.

/ * Aplikasi * /

.icon-grid {
    jarak: 36px;
    -shell-grid-horizontal-item-size: 70px;
    -shell-grid-vertical-item-size: 70px;
}

.icon-grid .overview-icon {
    saiz ikon: 48 piksel;

Bahagian pertama merujuk pada ruang yang ditempati oleh ikon bersama dengan ruang pemisah, baik secara menegak dan mendatar. Sebaik-baiknya, mereka harus mengambil tema lalai dan melihat perbezaannya.

Kemudian pihak lain menentukan ukuran di mana ikon akan dipaparkan. Dalam kes ini 48px dan bukan 96px biadab yang datang secara lalai.

Saya harap saya tidak melakukan kesalahan ejaan yang serius semasa saya menulis ini dengan segera. Salam.