Začinite teme cimeta - to je jednostavno!

Ikad ste željeli prilagoditi svoju radnu površinu za Linux, ali jednostavno nisam mogao pronaći onu savršenu temu?

Ako je Cimet vaše trenutačno okruženje za radnu površinu, jednostavno je naučiti stvaranje vlastite teme. Ne trebaju vam ni posebni alati - obični uređivač teksta s naglaskom na sintaksu Geany - sjajan uređivač koda za Linux Geany - sjajan uređivač koda za Linux Začudo, Linux ne nudi toliko dobrih IDE-ova (integrirani razvoj) okruženja). Vjerujem da je to zato što je u to doba većina Linux programera izvadila dobru staru bilježnicu (ili u ovom slučaju gedit) i započela… bit će u redu.

Cimet je prešao daleki put otkako se prvi put pojavio 2011. godine kao vilica za Gnome Shell Gnome-zasnovane radne sredine Objašnjeni: MATE vs. Gnome Shell vs Jedinstvo nasuprot Cinnamon Gnome-zasnovanim radnim okruženjima Objašnjeno: MATE vs. Gnome Shell vs. Jedinstvo nasuprot Cinnamonu Otkad je Gnome krenuo prema svojoj ideji Gnome Shell, Linux zajednica je bila bijesna da pronađe novo radno okruženje koje im odgovara. Većina korisnika koristi Gnome…. Nekada je ovisio o Gnomeu kako bi ispravno radio, ali danas je cjelovito, samostalno radno okruženje Cinnamon 2.0 jarci GNOME, poboljšane značajke za upravljanje korisnicima i prozori Cinnamon 2.0 Ditches GNOME, Poboljšane mogućnosti upravljanja korisnicima i prozora Cimet, radna površina radne površine koja se koristi u Linuxu Mint , konačno je objavio v2.0, koji sadrži novo popločavanje prozora i preskakanje, zajedno s poboljšanim mogućnostima upravljanja korisnicima. sa vlastitim setom osnovnih aplikacija. Ovaj se brzi vodič temelji na Cinnamonu 2.4 koji se isporučuje s najnovijim izdanjem Linux Mint-a (verzija 17.1 “Rebecca”), ali naša će tema biti kompatibilna s bilo kojom Linux distribucijom na kojoj radi Cinnamon.

Razumijevanje tema cimeta

Cimet teme su jednostavne i složene. Zvuči paradoksalno, zar ne? Oni su jednostavni jer je cijela tema napisana u CSS-u, ali složeni jer je datoteka s temama ogromna i ne baš dobro dokumentirana. Za veći dio možete zaključiti koja pravila mijenjaju elemente radne površine, ali za neke ćete morati pokušati i pokušati. Očekuje se da ste upoznati s CSS-om prije nego što pokušate s ovim, ali ako niste, nemate brige - brzo možete naučiti CSS online Top 5 web mjesta kako biste naučili CSS Online Top 5 web mjesta kako biste naučili CSS Online uz korisne tutorijale.

Važno je napomenuti da teme Cinnamon ne mijenjaju okvire prozora, gumbe ili bilo koje druge aplikacijske elemente. Ovi objekti upravljaju GTK temama. Želite li Mac OS izgled sa sustavom Linux Power? Imate li sve sa Zukimacem, GTK tematikom Želite li Mac OS izgled sa sustavom Linux? Neka sve bude sa Zukimacem, GTK temom U redu je ako uživate u snazi ​​Linuxa, ali i u estetici Mac OS X. Vaša instalacija za Linux može izgledati više kao Mac OS X sa temom Zukimac. , koju morate preuzeti odvojeno. Sama tema Cinnamon utječe samo na izbornik Mint, ploču, savjete, obavijesti, aplete i neke dijaloške okvire.

Početak rada

Generalno gledano, postoje dva načina stvaranja Cinnamon teme: kodirati je ispočetka ili koristiti postojeću kao predložak. Idemo s potonjim pristupom jer je to puno lakše. Ne zaboravite provjeriti ograničenja licence ako odlučite preraspodijeliti modificiranu temu. Obično je dovoljno kontaktirati autora i pitati za dopuštenje.

Prije ronjenja u CSS, dobro je imati plan što točno želite promijeniti. U ovom primjeru promijenit ćemo veličinu digitalnog sata, promijeniti font i boju pozadine izbornika i ploču učiniti prozirnom. Kako biste osigurali da vam je nova tema jednostavna na očima, možete koristiti besplatne internetske alate za izradu shema boja Colour Me impresioniran: 3 alata za lako pronalaženje prekrasnih shema boja za bilo koji projekt Boja u meni se impresionira: 3 alata za lako pronalaženje prekrasnih shema boja za Bilo koja boja projekta je važna. To je jedna od onih iskonskih stvari - boje nas osjećaju. Oni mogu prenijeti opasnost, strast, smirenost i gotovo bilo koju drugu emociju. Oni djeluju preko jezičnih barijera i mogu se sukobiti u… .

Ne zaboravite da neke promjene postoje “ovisnosti”. Ako promijenite pozadinu ploče iz tamne u bijelu, morat ćete promijeniti i boje gumba i jabuka na ploči. U suprotnom bi mogli biti nevidljivi u vašoj novoj temi, jer su na prethodno tamnoj ploči bili bijeli. Ako želite stvoriti tamnu temu, budite mudri i započnite s predloškom koji je već tamne boje.

Odabir predloška

Dobar izbor je zadana tema o cimetu, dostupna na projektnim stranicama GitHub. Zajednica deviantART čini predivne teme o cimetu, a više se može preuzeti sa službene stranice Linux Mint Spices stranica i starog vjernog Gnome-Look.org.

Ako želite koristiti zadane teme, one su ili u /home/$USERNAME/.themes ili / Usr / share / teme. Teme smještene u potonjem direktoriju utječu na programe koje pokreću svi korisnici (uključujući root), dok one u / Home / $ USERNAME direktorij odnosi se samo na jednog korisnika. Preporučujem vam da svoju temu u tijeku zadržite u svojoj /Dom imenik. Kad to učinite, možete ga jednostavno povezati pomoću ove naredbe:

sudo ln -s /home/username/.themes/ThemeName / usr / share / themes / ThemeName

Primijetit ćete da neke teme sadrže podmape s nazivom “gtk-2,0” i “gtk-3,0”. To znači da uključuju i teme GTK-a, zajedno s temom Cinnamon. Međutim, trebate samo “cimet” mapa.

U njemu se mogu nalaziti podmape - sadrže imovinu, male slike koje se mogu koristiti za oblikovanje elemenata radne površine. Na primjer, vaš izbornik Mint može imati pozadinsku sliku, a vi biste je zadržali u jednoj od tih podmapa. Trebamo datoteku zvanu “cinnamon.css”, a sada je vrijeme da se otvori.

Struktura teme

koristim “Linux Mint”, jedna od zadanih tema. To je dosta duga CSS datoteka. Srećom, komentari u kodu daju osjećaj smjera. Oni kôd dijele na odjeljke, a svaki odgovara jednom elementu radne površine. Neki od odjeljka su:

• PopupMenu (popupMenu.js): mijenja sve skočne izbornike, desnom tipkom miša kliknite izbornik ploče i glavni izbornik;
• Ploča (panel.js): samorazumljiva;
• Desklets (desklet.js) za widgete za radnu površinu i Applets (applet.js) za widgete na ploči;
• Looking Glass: modificira grafičko sučelje za uklanjanje pogrešaka (cimet-looking-glass);
• Izbornik (menu.js): utječe samo glavni izbornik (MintMenu);
• Popis prozora (windowList.js): odnosi se na popis otvorenih prozora na ploči.

Izmjena teme cimeta

Napravit ćemo nekoliko malih promjena samo da pokažemo kako se to radi. Jednom kada vam bude lakše s uređivanjem CSS-a, možete izmijeniti mnoge elemente odjednom i stvoriti nove snimke kako biste u potpunosti transformirali bilo koju temu Cinnamon. Evo naših “prije” verzija:

Promijenite boju i prozirnost pozadine zaslona

U “cinnamon.css” datoteke, pronađite liniju koja počinje s #ploča.

Gradijent ćemo zamijeniti čvrstom bojom i nekom transparentnošću. Uklonite unose:

pozadini gradijent-start
pozadini gradijent kraju
pozadini gradijent-smjer

i dodajte pozadinska boja: rgba (152,13,13,0.6); da biste dobili ovo:

Deklariranjem boje u RGBa formatu olakšavamo promjenu boje i prozirnosti u jednom potezu. Posljednji broj u zagradama je vrijednost prozirnosti; 0 je potpuno proziran, a 1 potpuno neproziran.

Cimet ploča podijeljena je u tri područja (lijevo, sredina, desno). Postoji posebna postavka za promjenu boje isticanja svakog područja prilikom povlačenja novog apleta u njega. To možete prilagoditi promjenom vrijednosti u točki #panelLeft: DND, #panelRight: DND i #panelCenter: DND.

Promijenite boju, prozirnost i font glavnog izbornika

Glavnim izbornikom upravljaju dva odjeljka: “Skočni izbornik” i “izbornik”. Promjene u prvom utječu na sve skočne izbornike. “izbornik” Odjeljak sadrži opcije Favoriti, Kategorije, Mjesta i okvir za pretraživanje. Zato moramo promijeniti boju i prozirnost ispod .popup-izbornika-boxpointer.

Kopirao sam RGBa vrijednost našeg novog panela i dodao ga nakon -strelica-background-color:, povećao je širinu obruba na 2 px i boju obruba promijenio u sivu. Za promjenu fonta promijenio sam font-family vrijednost na početku “cinnamon.css” datoteka. To utječe na čitavu temu, ali može se pojedinačno prilagoditi za neke elemente. Pošli smo od ovoga:

na ovo:

Povećajte digitalni sat na ploči

Sat je applet ploča, ali za razliku od Popisa prozora i Kalendara, nema vlastite postavke izgleda u datoteci teme. Morat ćete izmijeniti općenito “appleti” postavke i to će utjecati na veličinu teksta gumba izbornika, zajedno s bilo kojim drugim appletom ploče koji se ne može individualno podesiti.

Da biste povećali sat, pronađite .applet-oznaka i povećati veličina fonta vrijednost. Ovdje možete nadjačati postavke fonta koje smo prethodno dodali za glavni izbornik promjenom font-family vrijednost. U ovom primjeru promijenio sam sat u sans-serif font, a skočni izbornici su zadržali serif font.

Da biste izmijenili izgled apleta Kalendara (kojem pristupate klikom na sat), potražite u “Aplet datuma” odjeljak. Na primjer, .datemenu-datum-oznaka omogućuje vam promjenu veličine, boje i fonta teksta na vrhu appletne kalendare (na ovoj slici je to “Nedjelja, 8. ožujka… ”).

“nakon” verzija očito nije najljepša tema u postojanju, ali pokazuje promjene koje smo napravili.

“izbornik” gumb i sat veći su, mijenjaju se boje i font se razlikuje. Sljedeći korak bio bi ugađanje manje istaknutih elemenata sučelja, poput dijaloga pokretanja, dijaloga završne sesije ili obavijesti.

Ispitivanje i učenje više

Ako možete smjestiti datoteke teme, možete ih pregledati uživo /home/$USERNAME/.themes/ThemeName i postavite tu temu kao aktivnu u Sve postavke - Teme - Desktop dijaloški.

Ako promjene nisu odmah vidljive, ponovo pokrenite Cinnamon pritiskom na Alt + F2 otvoriti dijaloški okvir Pokreni, kucajući r i pritiskom Unesi. Naravno, sve možete prvo urediti, a zatim primijeniti novu temu i provjeriti treba li što popraviti.

Dalje od ovih osnovnih uputa, na forumima Linux Mint-a možete pronaći savjete o temama o cimetu. Tamo možete dobiti povratne informacije od korisnika i drugih stvaratelja tema. Kao i kod mnogih drugih kreativnih aktivnosti, praksa je savršena, pa što više tema napravite (ili uredite), postat će vam lakše i postat ćete “sve o tom CSS-u, nema problema”. Evo u nadi da će razvojni tim Cinnamon uskoro dostaviti službenu, detaljnu tematsku dokumentaciju.