Kako instalirati teme u gnome-shell, (uključujući dvije teme)

Svakako, priča je u uređivanju css-a. Isprobao sam puno tema, a nijedna nije zadovoljila moj ukus i morao sam urediti css, kao i ja. Zamišljam ih poprilično. S obzirom na to da će nekome možda zatrebati, stavit ću nekoliko zanimljivih stvari:

Datoteka koja prikuplja dizajn teme gnome-shell naziva se gnome-shell.css i može imati različita mjesta, obično bi trebala biti u:

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

Ali se također može naći u / usr / share / themes / Theme / gnome-shell /, a u slučaju zadanih postavki trebao bi biti u / usr / share / gnome-shell / themes /

Jednom viđeni možete uređivati, a zatim provjeravati promjene alt + f2 r

Neke prethodne bilješke, css podržava i heksadecimalnu i rgba boju, najvjerojatnije ćemo ih naći u rgba (crvena, zelena, plava, prozirnost). U slučaju da na slijedećoj stranici dolaze u heksadecimalnom obliku, mogu se pretvoriti u rgba:

http://hex2rgba.devoth.com/

Neke zanimljive transformacije. 

+ Zaobljeni efekt ploče. (to je tako da ploča ne izgleda poput ravne vrpce)

/ * Ploča * /

#panel {
    obrub: 1px čvrsti rgba (255,255,255,0.15);
rub-vrh: 1 piksela;
obrub-lijevo: 0 piksela;
granica-desno: 0 piksela;
    granični radijus: 0px;
    boja: rgba (255,255,255,1.0);
    / * background-color: rgba (0,0,0,0.9); * / / * ovo se komentira * /
    pozadina-gradijent-smjer: vertikalno;
    background-gradient-start: rgba (88,88,88,0.90);
    pozadina-gradijent-kraj: rgba (1,1,1,0.85);

Posljednja 4 retka su odlučujuća, budući da se boja ploči daje kroz boju pozadine, u ovom slučaju komentiram taj element i dodam sljedeća tri retka pozadine-gradijenta- ... s ciljem da započnem s bojom i završite s drugom okomito, u ovom slučaju započinje svijetlom bojom, a završava tamnom bojom, a na taj način ima učinak kao i cilindričan.

Nemojte brkati pozadinsku boju s bojom, element boje je boja koju će nastavci poprimiti na ploči, u prethodnom primjeru to će biti bijela boja.

+ Popis prozora onakav kakav bi trebao biti. 

Nešto što me nervira zbog gnome-shell-a je malo pažnje posvećeno popisu prozora, jer čini sve vrlo intuitivnim za nekoga tko dolazi iz drugog okruženja (bilo da je to kde, windows, xfce, itd.)

Ova je točka složenija, jer postoji nekoliko ponašanja, na primjer kada je prozor fokusiran, minimiziran ili kada se preko njega pređe pokazivač.

Evo primjera kada je prozor fokusiran i to je isto ponašanje kao kad kliknemo na proširenje. Na kraju, element koji ćemo izmijeniti jednak je za sva proširenja.

.panel-button: focus {
obrub: 1px čvrsti rgba (206,207,201,0.85);
pozadina-gradijent-smjer: vertikalno;
background-gradient-start: rgba (255,255,255,0.55);
pozadina-gradijent-kraj: rgba (200,200,200,0.40);
    boja: bijela;
    sjena teksta: crna 0px 1px 1px;
}

Radi se isto kao i s pločom, u ovom slučaju, budući da sam ploči dao tamnu boju, pokušao sam da prozori na popisu budu svijetle boje i s gradijentom, tako da je i on imao zaobljeni efekt. Granica je također važna, dao sam joj 1 piksel širine i boje, povukavši je u bijelu boju tako da će njezine granice biti jasno vidljive na tamnoj ploči. 

Međutim, ovaj dio može postati prilično složen, ovisno o tome kako je napisan kôd teme gnome-shell.css koji mijenjamo.

Druga stvar je da popis prozora, kao proširenje, ima vlastiti CSS stil, tako da je posao zaista dobro izveden, bolje je to učiniti povrh njega i na taj način izbjeći beskoristan kôd. Ta se tablica stilova nalazi u direktoriju proširenja:

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

+ Veličina ikona u Aktivnosti (Programi)

Ponekad je veličina ikona vrlo velika i s toliko velikim razdvajanjem da teško može biti redova od 4. Pa to ima rješenje. Tražimo dio aplikacije.

/ * Aplikacije * /

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

.icon-grid .overview-icon {
    veličina ikone: 48px;

Prvi se dio odnosi na prostor koji ikona zauzima zajedno s prostorima koji razdvajaju, i vertikalno i vodoravno. U idealnom slučaju, trebali bi uzeti zadanu temu i pogledati razlike.

Tada druga strana određuje veličinu u kojoj će se ikone prikazivati. U ovom slučaju 48px, a ne 96px divljak koji dolazi prema zadanim postavkama.

Nadam se da nisam pogriješio u pravopisu jer sam ovo napisao u hodu. Lijep pozdrav.