Temalar gnome-shell'e nasıl kurulur (iki tema dahil)

Elbette, hikaye css'yi düzenlemekte. Tonlarca tema denedim ve hiçbiri zevklerimi tatmin etmedi ve css'yi düzenlemek zorunda kaldım ve sahip olduğum gibi. Ben epeyce hayal ediyorum. Birisinin buna ihtiyaç duyup duymayacağına göre, birkaç ilginç şey koyacağım:

Bir gnome-shell temasının tasarımını toplayan dosyaya gnome-shell.css adı verilir ve farklı konumlara sahip olabilir, genellikle içinde olması gerekir:

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

Ancak / usr / share / themes / Theme / gnome-shell / içinde de bulunabilir ve varsayılan olması durumunda / usr / share / gnome-shell / themes / içinde olmalıdır.

Görüldükten sonra değişiklikleri düzenleyebilir ve ardından alt + f2 r ile değişiklikleri kontrol edebilirsiniz.

Önceki bazı notlar, css hem onaltılık hem de rgba renklerini destekler, büyük olasılıkla onları rgba'da (kırmızı, yeşil, mavi, şeffaflık) bulacağız. Aşağıdaki sayfada onaltılık olarak gelmeleri durumunda rgba'ya dönüştürülebilirler:

http://hex2rgba.devoth.com/

Bazı ilginç dönüşümler. 

+ Panelin yuvarlatılmış etkisi. (panelin düz bir şerit gibi görünmemesi için)

/ * Panel * /

#panel {
    border: 1px katı rgba (255,255,255,0.15);
sınır üstü: 1px;
sınır-sol: 0px;
sağ kenarlık: 0px;
    kenarlık yarıçapı: 0px;
    renk: rgba (255,255,255,1.0);
    / * background-color: rgba (0,0,0,0.9); * / / * bu yorumlanmıştır * /
    arka plan gradyan yönü: dikey;
    arkaplan gradyan başlangıcı: rgba (88,88,88,0.90);
    arka plan gradyan sonu: rgba (1,1,1,0.85);

Son 4 satır belirleyicidir, çünkü panele renk arka plan rengiyle verildiğinden, bu durumda o öğe hakkında yorum yapıyorum ve aşağıdaki üç satır arkaplan-gradyan- ... ile başlamak amacıyla ekledim. Dikey olarak bir başkasıyla renklendirin ve bitirin, bu durumda açık bir renkle başlar ve koyu bir renkle biter ve bu şekilde silindirik olduğu kadar etkisi de vardır.

Arka plan rengini renkle karıştırmayın, renk öğesi uzantıların panelde alacağı renktir, önceki örnekte beyaz olacaktır.

+ Windows olması gerektiği gibi listelenir. 

Gnome-shell hakkında beni sinirlendiren bir şey, başka bir ortamdan (kde, windows, xfce vb.)

Bu nokta daha karmaşık bir tilindir çünkü çeşitli davranışlar vardır, örneğin pencere odaklandığında, simge durumuna küçültüldüğünde veya işaretçi üzerinden geçirildiğinde.

İşte pencerenin odaklandığı ve bir uzantıya tıkladığımızdaki davranışla aynı olan bir örnek. Sonuçta değiştireceğimiz eleman tüm uzantılar için aynıdır.

.panel-button: focus {
border: 1px katı rgba (206,207,201,0.85);
arka plan gradyan yönü: dikey;
arkaplan gradyan başlangıcı: rgba (255,255,255,0.55);
arka plan gradyan sonu: rgba (200,200,200,0.40);
    Beyaz renk;
    metin gölgesi: siyah 0px 1px 1px;
}

Panelde olduğu gibi aynı şey yapıldı, bu durumda panele koyu bir renk verdiğim için, pencereleri açık renk ve gradyan ile listelemeye çalıştım, böylece yuvarlak bir etki yarattı. Kenarlık da önemli, karanlık panelde sınırları net bir şekilde görülebilmesi için beyaza çekerek 1 piksel genişlik ve renk verdim. 

Ancak bu kısım, değiştirdiğimiz gnome-shell.css tema kodunun nasıl yazıldığına bağlı olarak oldukça karmaşık hale gelebilir.

Diğer bir şey de, bir uzantı olan pencere listesinin kendi css stil sayfasına sahip olmasıdır, bu nedenle işin gerçekten iyi yapılması için, onun üstüne yapmak ve böylece gereksiz kodlardan kaçınmak daha iyidir. Bu stil sayfası, uzantının dizininin içindedir:

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

+ Etkinliklerdeki (Uygulamalar) simgelerin boyutu

Bazen simgelerin boyutu çok büyüktür ve öylesine büyük bir ayrımla, neredeyse 4'lük satırlar olamaz. Bunun bir çözümü var. Uygulama bölümünü arıyoruz.

/ * Uygulamalar * /

.icon-ızgara {
    aralık: 36px;
    -kabuk-ızgara-yatay-ürün boyutu: 70 piksel;
    -kabuk-ızgara-dikey-ürün boyutu: 70 piksel;
}

.icon-grid .genel bakış-icon {
    simge boyutu: 48px;

İlk bölüm, ikonun hem dikey hem de yatay olarak ayırma boşluklarıyla birlikte kapladığı alanı ifade eder. İdeal olarak, varsayılan temayı almalı ve farklılıklara bakmalıdırlar.

Daha sonra diğer taraf, simgelerin görüntüleneceği boyutu belirler. Bu durumda, varsayılan olarak gelen 48px vahşi değil, 96px.

Umarım bunu anında yazarken ciddi yazım hataları yapmamışımdır. Selamlar.