Teemojen asentaminen gnome-shelliin (mukaan lukien kaksi teemaa)

Toki, tarina muokkaa css: tä. Olen kokeillut tonnia teemoja, eikä kukaan ole tyydyttänyt makuni ja olen joutunut muokkaamaan css: tä, ja kuten olen. Kuvittelen melko paljon. Ottaen huomioon, että joku saattaa tarvita sitä, aion laittaa pari mielenkiintoista asiaa:

Tiedostoa, joka kerää gnome-shell-teeman mallin, kutsutaan gnome-shell.css: ksi, ja sillä voi olla eri sijainnit, yleensä sen pitäisi olla:

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

Mutta se löytyy myös hakemistosta / usr / share / themes / Theme / gnome-shell / ja oletusarvoisesti sen pitäisi olla hakemistossa / usr / share / gnome-shell / themes /

Kun olet nähnyt, voit muokata ja tarkistaa muutokset näppäimillä alt + f2 r

Jotkut edelliset huomautukset, css tukee sekä heksadesimaali- että rgba-värejä, todennäköisesti löydämme ne rgba-muodossa (punainen, vihreä, sininen, läpinäkyvyys). Jos ne tulevat heksadesimaaleina seuraavalla sivulla, ne voidaan muuntaa rgba:

http://hex2rgba.devoth.com/

Joitakin mielenkiintoisia muutoksia. 

+ Paneelin pyöristetty vaikutus. (se on niin, että paneeli ei näytä tasaiselta nauhalta)

/ * Paneeli * /

#paneeli {
    reunus: 1px kiinteä rgba (255,255,255,0.15);
reuna-yläosa: 1px;
reuna-vasen: 0 kuvapistettä;
reuna-oikea: 0 kuvapistettä;
    raja-säde: 0px;
    väri: rgba (255,255,255,1.0);
    / * taustaväri: rgba (0,0,0,0.9); * / / * tätä kommentoidaan * /
    taustakaltevuuden suunta: pystysuora;
    tausta-kaltevuus-alku: rgba (88,88,88,0.90);
    tausta-kaltevuus-pää: rgba (1,1,1,0.85);

Viimeiset 4 riviä ovat ratkaisevia, koska paneelin väri on annettu taustavärin kautta, tässä tapauksessa kommentoin tätä elementtiä ja lisäsin seuraavat kolme riviä tausta-gradientti- ... aloittaakseni väri ja viimeistele toisella pystysuunnassa, tässä tapauksessa se alkaa vaalealla ja päättyy tummalla, ja tällä tavalla sillä on vaikutus sekä sylinterimäinen.

Älä sekoita taustaväriä väreihin, värielementti on väri, jonka laajennukset ottavat paneeliin, edellisessä esimerkissä se on valkoinen väri.

+ Ikkunaluettelo sen pitäisi olla. 

Jotain, joka minua kiusaa gnome-shellissä, on vähän huomiota kiinnitetty Windows-luetteloon, koska se tekee kaiken hyvin intuitiiviseksi toiselle ympäristölle (olkoon se sitten kde, Windows, xfce jne.)

Tämä kohta on monimutkaisempi tilin, koska käyttäytymistä on useita, esimerkiksi kun ikkuna on kohdennettu, minimoitu tai kun osoitin viedään sen yli.

Tässä on esimerkki siitä, milloin ikkuna on kohdennettu, ja se on sama käyttäytyminen kuin napsauttaessamme laajennusta. Loppujen lopuksi elementti, jota muokkaamme, on sama kaikille laajennuksille.

.paneelipainike: tarkennus {
reunus: 1px kiinteä rgba (206,207,201,0.85);
taustakaltevuuden suunta: pystysuora;
tausta-kaltevuus-alku: rgba (255,255,255,0.55);
tausta-kaltevuus-pää: rgba (200,200,200,0.40);
    väri valkoinen;
    teksti-varjo: musta 0px 1px 1px;
}

Sama tehdään kuin paneelilla, tässä tapauksessa, kun annoin paneelille tumman värin, yritin tehdä ikkunoista vaaleanvärisiä ja kaltevia, jotta sillä olisi myös pyöristetty vaikutus. Raja on myös tärkeä, annoin sille yhden pikselin leveyden ja värin ampumalla sen valkoiseksi, jotta sen rajat näkyvät selvästi pimeässä paneelissa. 

Tästä osasta voi kuitenkin tulla melko monimutkainen riippuen siitä, kuinka muokkaamme gnome-shell.css-teemakoodia.

Toinen asia on, että Windows-luettelolla, joka on laajennus, on oma css-tyylisivunsa, joten työn tekemisen kannalta on parempi tehdä se sen päällä ja välttää siten turhaa koodia. Tämä tyylitaulukko sijaitsee laajennuksen hakemistossa:

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

+ Toimintojen (sovellukset) kuvakkeiden koko

Joskus kuvakkeiden koko on hyvin suuri ja niin suurella erotuksella, että tuskin on rivejä 4. No, jolla on ratkaisu. Etsimme App-osaa.

/ * Sovellukset * /

.icon-grid {
    väli: 36px;
    -kuori-ruudukko-vaaka-kohteen koko: 70px;
    -kuori-ruudukko-pystysuora-kohteen koko: 70px;
}

.icon-grid .overview-icon {
    kuvakkeen koko: 48 kuvapistettä;

Ensimmäinen osa viittaa tilaan, jonka kuvake vie yhdessä erotustilojen kanssa, sekä pysty- että vaakasuunnassa. Ihannetapauksessa heidän tulisi ottaa oletusteema ja tarkastella eroja.

Sitten toinen osapuoli määrittää kuvakkeiden koon. Tässä tapauksessa 48 kuvapistettä eikä oletusarvoisesti 96 kuvapistettä.

Toivon, etten tehnyt vakavia kirjoitusvirheitä kirjoittaessani tämän lennossa. Terveisiä.