Com instal·lar temes en gnome-shell, (inclosos dos temes)

És clar, la història està a editar el css. Jo he provat molts temes, cap ha satisfet els meus gustos i m'ha tocat el editar el css, i com jo. m'imagino que uns quants. En vistes de que algú el pugui necessitar vaig posar un parell de cosetes interessants:

L'arxiu que recull el disseny d'un tema de gnome-shell es diu gnome-shell.css i pot tenir diferents ubicacions, en general hauria d'estar en:

/home/usuari/.themes/tema/gnome-shell/

Però també es pot trobar a / usr / share / themes / Tema / gnome-shell / i en cas de el predeterminat d'estar en / usr / share / gnome-shell / themes /

Un cop vist es pot editar i després comprovar els canvis amb alt + f2 r

Alguns apunts previs, css admet tant els colors en hexadecimal com RGBA, el més probable és que els trobem en RGBA (xarxa, green, blue, transparència). En cas que vinguin en hexadecimal en la següent pàgina es poden convertir a RGBA:

http://hex2rgba.devoth.com/

Algunes transformacions interessants. 

+ Efecte arrodonit de el panell. (És perquè el panell no sembli una cinta plana)

/ * Panell * /

#panell {
    border: 1px solid RGBA (255,255,255,0.15);
border-top: 1px;
border-left: 0px;
border-right: 0px;
    radi de la vora: 0 px;
    color: RGBA (255,255,255,1.0);
    / * Background-color: RGBA (0,0,0,0.9); * / / * això està comentat * /
    direcció del degradat de fons: vertical;
    background-gradient-start: RGBA (88,88,88,0.90);
    background-gradient-end: RGBA (1,1,1,0.85);

Les últimes 4 línies són determinants, ja que el color a el panell se li dóna mitjançant el background-color, en aquest cas jo comenti aquest element i vaig afegir les següents tres línies de background-gradient- ... amb l'objectiu que comenci amb un color i acabi amb un altre en vertical, en aquest cas comença amb un color clar i acaba amb un color fosc, i d'aquesta forma té un efecte així com cilíndric.

No confondre background-color amb color, l'element color és el color que agafaran les extensions en el panell, en l'exemple anterior és un color blanc.

+ El windows list com ha de ser. 

Una cosa que em mosqueja de gnome-shell és la poca atenció que se li presta a el windows list, ja que fa tot molt intuïtiu per a algú que vingui d'un altre entorn (ja sigui kde, windows, xfce, etc.)

Aquest punt és un tilin més complex perquè hi ha diversos comportaments, per exemple, quan la finestra està focalitzada, minimitzada o quan se li passa el punter per sobre.

A continuació poso un exemple per a quan la finestra està focalitzada i que és el mateix comportament que quan fem clic a una extensió. A la fin l'element que modificarem és el mateix per a totes les extensions.

.panel-button: focus {
border: 1px solid RGBA (206,207,201,0.85);
direcció del degradat de fons: vertical;
background-gradient-start: RGBA (255,255,255,0.55);
background-gradient-end: RGBA (200,200,200,0.40);
    color: blanc;
    text-shadow: black 0px 1px 1px;
}

Es fa el mateix que amb el panell, en aquest cas com el panell li vaig donar un color fosc, a l'windows list vaig intentar que tingués un color clar i amb gradient perquè també tingués un efecte arrodonit. És important també la vora, li vaig donar 1 píxel d'ample i color tirant a blanc perquè es notés bé els seus límits en el panell fosc. 

No obstant això, aquesta part pot arribar a ser bastant complexa segons com aquest escrit el codi de el tema de gnome-shell.css que estiguem modificant.

La resta és que el windows list a l'ésser una extensió té el seu propi full d'estils css, amb la qual cosa perquè el treball realment estigui ben fet és millor fer-ho sobre d'ella i així evitar codi inútil. Aquesta full d'estils es troba dins el directori de l'extensió:

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

+ La mida de les icones al Activitats (Aplicacions)

A vegades la mida de les icones és molt gran i amb una separació tan gran que amb prou feines hi caben files de 4. Doncs això té solució. Busquem la part d'App.

/ * Apps * /

.icon-grid {
    spacing: 36px;
    -shell-grid-horitzontal-item-size: 70px;
    -shell-grid-vertical-item-size: 70px;
}

.icon-grid .overview-icon {
    icon-size: 48px;

La part primera es refereix a l'espai que ocupa la icona juntament amb els espais de separació, tant en vertical com horitzontal. L'ideal és que agafessin el tema per omissió ii us fixeu en les diferències.

Després, l'altra part determina la mida en què es visualitzaran les icones. En aquest cas 48px i no la salvatjada de 96px que ve el predeterminat.

Espero no haver comès cap error d'ortografia greu ja que això ho vaig escriure sobre la marxa. Salutacions.