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

Oke, ceritanya sedang mengedit css. Saya telah mencoba banyak tema dan tidak ada yang memuaskan selera saya dan saya harus mengedit css, dan seperti yang saya lakukan. Saya membayangkan beberapa. Mengingat apakah seseorang mungkin membutuhkannya, saya akan memberikan beberapa hal menarik:

File yang mengumpulkan desain tema gnome-shell disebut gnome-shell.css dan dapat memiliki lokasi berbeda, biasanya harus di:

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

Tetapi itu juga dapat ditemukan di / usr / share / themes / Theme / gnome-shell / dan dalam kasus default itu harus di / usr / share / gnome-shell / themes /

Setelah terlihat Anda dapat mengedit dan kemudian memeriksa perubahannya dengan alt + f2 r

Beberapa catatan sebelumnya, css mendukung warna heksadesimal dan rgba, kemungkinan besar kita akan menemukannya dalam rgba (merah, hijau, biru, transparansi). Jika mereka datang dalam heksadesimal pada halaman berikut, mereka dapat dikonversi menjadi rgba:

http://hex2rgba.devoth.com/

Beberapa transformasi yang menarik. 

+ Efek panel membulat. (agar panel tidak terlihat seperti pita datar)

/ * Panel * /

#panel {
    batas: 1px solid rgba (255,255,255,0.15);
batas-atas: 1px;
batas kiri: 0px;
batas-kanan: 0px;
    radius batas: 0 piksel;
    warna: rgba (255,255,255,1.0);
    / * background-color: rgba (0,0,0,0.9); * / / * ini dikomentari * /
    background-gradient-direction: vertikal;
    background-gradient-start: rgba (88,88,88,0.90);
    background-gradient-end: rgba (1,1,1,0.85);

4 baris terakhir sangat menentukan, karena warna pada panel diberikan melalui warna latar belakang, dalam hal ini saya mengomentari elemen itu dan menambahkan tiga baris gradien latar belakang- ... dengan tujuan memulai dengan a Warnai dan selesaikan dengan satu sama lain secara vertikal, dalam hal ini dimulai dengan warna terang dan diakhiri dengan warna gelap, dan dengan begitu memiliki efek sekaligus silindris.

Jangan bingung antara warna latar belakang dengan warna, elemen warna adalah warna yang akan diambil ekstensi pada panel, pada contoh sebelumnya akan menjadi warna putih.

+ Daftar jendela sebagaimana mestinya. 

Sesuatu yang membuat saya kesal tentang gnome-shell adalah sedikit perhatian yang diberikan pada daftar windows, karena itu membuat semuanya sangat intuitif bagi seseorang yang berasal dari lingkungan lain (baik itu kde, windows, xfce, dll)

Titik ini merupakan tilin yang lebih kompleks karena terdapat beberapa perilaku, misalnya saat jendela difokuskan, diminimalkan atau saat penunjuk dilewatkan.

Berikut adalah contoh ketika jendela difokuskan dan itu adalah perilaku yang sama seperti ketika kita mengklik sebuah ekstensi. Pada akhirnya, elemen yang akan kita modifikasi sama untuk semua ekstensi.

.panel-button: focus {
batas: 1px solid rgba (206,207,201,0.85);
background-gradient-direction: vertikal;
background-gradient-start: rgba (255,255,255,0.55);
background-gradient-end: rgba (200,200,200,0.40);
    warna putih;
    text-shadow: hitam 0px 1px 1px;
}

Hal yang sama dilakukan dengan panel, dalam hal ini ketika saya memberi panel warna gelap, saya mencoba membuat daftar jendela warna terang dan dengan gradien sehingga juga memiliki efek membulat. Perbatasan juga penting, saya memberinya lebar dan warna 1 piksel dengan memotretnya menjadi putih sehingga batasnya akan terlihat jelas di panel gelap. 

Namun, bagian ini bisa menjadi sangat kompleks tergantung bagaimana kode tema gnome-shell.css yang kita modifikasi ditulis.

Hal lain adalah bahwa daftar windows, sebagai ekstensi, memiliki style sheet css sendiri, jadi agar pekerjaan dilakukan dengan sangat baik, lebih baik melakukannya di atasnya dan dengan demikian menghindari kode yang tidak berguna. Stylesheet itu ada di dalam direktori ekstensi:

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

+ Ukuran ikon di Aktivitas (Aplikasi)

Terkadang ukuran ikon sangat besar dan dengan jarak yang sangat jauh sehingga hampir tidak ada baris 4. Itu ada solusinya. Kami mencari bagian Aplikasi.

/ * Aplikasi * /

.icon-kisi {
    jarak: 36px;
    -kulit-kisi-horizontal-ukuran-item: 70px;
    -kulit-kisi-vertikal-ukuran-item: 70px;
}

.icon-grid .overview-icon {
    ukuran ikon: 48px;

Bagian pertama mengacu pada ruang yang ditempati ikon bersama dengan ruang pemisah, baik secara vertikal maupun horizontal. Idealnya, mereka harus mengambil tema default dan melihat perbedaannya.

Kemudian pihak lain menentukan ukuran ikon yang akan ditampilkan. Dalam hal ini 48px dan bukan 96px buas yang datang secara default.

Semoga saya tidak membuat kesalahan ejaan yang serius karena ini ditulis dengan cepat Salam pembuka.