Thema's installeren in gnome-shell (inclusief twee thema's)

Zeker, het verhaal zit in het bewerken van de css. Ik heb veel thema's geprobeerd en geen enkele heeft mijn smaak bevredigd en ik heb de css moeten bewerken, en zoals ik. Ik stel me er nogal wat voor. Met het oog op de vraag of iemand het misschien nodig heeft, ga ik een paar interessante dingen op een rijtje zetten:

Het bestand dat het ontwerp van een gnome-shell-thema verzamelt, wordt gnome-shell.css genoemd en kan verschillende locaties hebben, meestal moet het zijn in:

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

Maar het is ook te vinden in / usr / share / themes / Theme / gnome-shell / en in het geval van de standaard zou het in / usr / share / gnome-shell / themes / moeten zijn

Eenmaal gezien kunt u de wijzigingen bewerken en vervolgens controleren met alt + f2 r

Enkele eerdere opmerkingen, css ondersteunt zowel hexadecimale als rgba-kleuren, hoogstwaarschijnlijk zullen we ze vinden in rgba (rood, groen, blauw, transparantie). Als ze op de volgende pagina in hexadecimaal staan, kunnen ze worden geconverteerd naar rgba:

http://hex2rgba.devoth.com/

Enkele interessante transformaties. 

+ Afgerond effect van het paneel. (het is zo dat het paneel er niet uitziet als een plat lint)

/ * Paneel * /

#paneel {
    rand: 1px solid rgba (255,255,255,0.15);
rand-top: 1px;
rand-links: 0px;
grens-rechts: 0px;
    grensradius: 0px;
    kleur: rgba (255,255,255,1.0);
    / * achtergrondkleur: rgba (0,0,0,0.9); * / / * dit wordt becommentarieerd * /
    achtergrond-verloop-richting: verticaal;
    achtergrond-verloop-start: rgba (88,88,88,0.90);
    achtergrond-verloop-einde: rgba (1,1,1,0.85);

De laatste 4 regels zijn bepalend, aangezien de kleur aan het paneel wordt gegeven door de achtergrondkleur, in dit geval becommentarieer ik dat element en voeg ik de volgende drie regels achtergrondverloop- ... toe met als doel te beginnen met een kleur en eindig met een ander verticaal, in dit geval begint het met een lichte kleur en eindigt het met een donkere kleur, en op die manier heeft het zowel een effect als cilindrisch.

Verwar achtergrondkleur niet met kleur, het kleurelement is de kleur die de extensions op het paneel zullen aannemen, in het vorige voorbeeld is dit een witte kleur.

+ De vensterslijst zoals het hoort. 

Iets dat me irriteert aan gnome-shell is de weinige aandacht die aan de windows-lijst wordt besteed, omdat het alles erg intuïtief maakt voor iemand die uit een andere omgeving komt (ofwel kde, windows, xfce, enz.)

Dit punt is een complexere tilin omdat er verschillende gedragingen zijn, bijvoorbeeld wanneer het venster wordt gefocust, geminimaliseerd of wanneer de aanwijzer erover wordt bewogen.

Hier is een voorbeeld voor wanneer het venster is gefocust en dat is hetzelfde gedrag als wanneer we op een extensie klikken. Uiteindelijk is het element dat we zullen wijzigen hetzelfde voor alle extensies.

.panel-knop: focus {
rand: 1px solid rgba (206,207,201,0.85);
achtergrond-verloop-richting: verticaal;
achtergrond-verloop-start: rgba (255,255,255,0.55);
achtergrond-verloop-einde: rgba (200,200,200,0.40);
    kleur wit;
    tekstschaduw: zwart 0px 1px 1px;
}

Hetzelfde is gedaan als bij het paneel, in dit geval omdat ik het paneel een donkere kleur heb gegeven, heb ik geprobeerd de ramenlijst een lichte kleur en met een verloop te maken zodat het ook een afgerond effect had. De rand is ook belangrijk, ik heb hem 1 pixel in breedte en kleur gegeven en hem naar wit getrokken zodat de grenzen duidelijk zichtbaar zijn in het donkere paneel. 

Dit deel kan echter behoorlijk complex worden, afhankelijk van hoe de gnome-shell.css-themacode die we wijzigen, is geschreven.

Het andere ding is dat de Windows-lijst, die een extensie is, zijn eigen css-stijlblad heeft, dus om het werk echt goed te doen, is het beter om het er bovenop te doen en zo nutteloze code te vermijden. Dat stylesheet bevindt zich in de directory van de extensie:

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

+ De grootte van de pictogrammen in de activiteiten (toepassingen)

Soms is de afmeting van de icoontjes erg groot en met een scheiding zo groot dat er nauwelijks rijen van 4 kunnen zijn. Nou, dat heeft een oplossing. We zoeken het app-gedeelte.

/ * Apps * /

.icon-raster {
    afstand: 36px;
    -shell-grid-horizontale-item-grootte: 70px;
    -shell-grid-verticale-item-grootte: 70px;
}

.icon-raster .overzicht-icon {
    pictogramgrootte: 48px;

Het eerste deel verwijst naar de ruimte die het icoon inneemt samen met de scheidingsruimten, zowel verticaal als horizontaal. Idealiter zouden ze het standaardthema moeten nemen en naar de verschillen moeten kijken.

Vervolgens bepaalt de andere partij de grootte waarin de icoontjes worden weergegeven. In dit geval 48px en niet de standaard 96px savage.

Ik hoop dat ik geen ernstige spelfouten heb gemaakt toen ik dit ter plekke schreef. Groeten.