Gnome

Ako upraviť vlastnosti štýlov motívov prostredia GNOME

Ako upraviť vlastnosti štýlov motívov prostredia GNOME
Témy GNOME Shell (GS) vo veľkej miere závisia od CSS pri stylingu rôznych prvkov shellu. Typický súbor CSS zahrnutý do témy GS môže mať tisíce vlastností. Tento článok sa bude venovať niektorým konceptom, ktoré môžete použiť na doladenie existujúcich tém GS vytvorením novej témy, ktorá dedí hodnoty z pôvodných tém. Ak ste trochu oboznámení s tým, ako CSS funguje, môžete na základe príkladov uvedených nižšie zmeniť takmer akýkoľvek aspekt témy GS.

Povolenie vlastných motívov prostredia GNOME

Ubuntu spolu s mnohými ďalšími distribúciami založenými na GNOME predvolene neumožňuje používateľské vlastné témy. Na načítanie používateľských tém je potrebné nainštalovať rozšírenie GS a nástroj na skryté vylepšenia. Požadované rozšírenie a vylepšovací nástroj GNOME môžete v Ubuntu nainštalovať spustením nasledujúceho príkazu:

$ sudo apt nainštalovať gnome-shell-extensions gnome-tweaks

Spustite aplikáciu „Tweaks“ zo spúšťača aplikácií a na bočnom paneli prejdite na kartu „Rozšírenia“. Povolte rozšírenie „Používateľské motívy“, ako je znázornené na snímke obrazovky nižšie. Uistite sa, že je v hornej časti povolený prepínač „Rozšírenia“.

Po dokončení tohto kroku zatvorte a znovu spustite aplikáciu Tweaks. Teraz budete môcť zmeniť tému GS na karte „Vzhľad“.

Vytváranie potrebných súborov na prispôsobenie témy

Ak chcete prispôsobiť existujúcu tému, budete musieť vytvoriť novú tému GS, ktorá nadväzuje na pôvodnú tému. Týmto spôsobom môžete meniť iba vybrané časti témy bez zmeny celej témy. Akákoľvek nedotknutá časť pôvodnej témy sa zachová tak, ako je. Spustením nižšie uvedených príkazov sa vytvorí nová vlastná téma s názvom „mytheme“ vo vašom adresári $ HOME.

$ mkdir -p ~ /.themes / mytheme / gnome-shell /
$ touch ~ /.themes / mytheme / gnome-shell / gnome-shell.css

Na zadanie vlastných úprav v „gnome-shell“ môžete použiť ľubovoľný textový editor.css ”súbor vytvorený spustením vyššie uvedeného príkazu. Po zadaní požadovaného kódu môžete v rozbaľovacej ponuke v aplikácii Tweaks zvoliť tému „Mytheme“, ako je vysvetlené v prvej časti tohto článku. Zmeny sa prejavia až po odhlásení a opätovnom prihlásení. Prípadne môžete tiež stlačiť a zadaním „r“ do vyskakovacieho vstupného poľa znovu načítate shell GNOME.

Nájdenie základného súboru CSS

Ak chcete ako referenciu použiť pôvodný súbor CSS, musíte ho najskôr nájsť a extrahovať. Témy tretích strán môžu priamo obsahovať „škrupinu gnome.css ”, takže je ľahko použiteľný ako základ pre prispôsobenie CSS. Predvolené systémové súbory však môžu obsahovať „gnome-shell-theme.namiesto toho súbory „gresource“. Predvolenú systémovú tému GS nájdete na ceste „/ usr / share / gnome-shell / theme“. V tomto adresári nájdete súbor gresource v inom priečinku, ktorý je rovnaký ako názov predvolenej systémovej témy. V najnovšej verzii Ubuntu nájdete súbor gresource na ceste „/ usr / share / gnome-shell / theme / Yaru“. Skopírujte súbor gresource do iného priečinka a spustite nasledujúci príkaz:

$ gresource zoznam témy gnome-shell.gresource

Po zadaní vyššie uvedeného príkazu získate nasledujúci výstup:

/ org / gnome / shell / téma / Yaru-dark / gnome-shell-vysoký kontrast.css
/ org / gnome / shell / theme / Yaru-dark / gnome-shell.css
/ org / gnome / shell / téma / Yaru / gnome-shell-vysoký kontrast.css
/ org / gnome / shell / theme / Yaru / gnome-shell.css


Štvrtý riadok vo výstupe vyššie poskytuje správnu cestu k súboru CSS. Ak ho chcete extrahovať, spustite príkaz v nasledujúcom formáte:

$ gresource extrakt gnome-shell-theme.gresource / org / gnome / shell / theme / Yaru / gnome-shell.css
> výstup.css

Teraz môžete odkazovať na „výstup.css ”získaný vyššie a použiť ho ako základ pre prispôsobenie. Niektoré príklady prispôsobenia CSS sú uvedené nižšie. Tieto príklady nepokrývajú všetky prípady použitia, ale poskytnú vám základnú predstavu o tom, ako postupovať. Upozorňujeme, že nižšie uvedené pravidlá CSS nebudú vysvetlené, pretože presahujú rámec tohto článku. Ďalšie informácie nájdete v referenčnej dokumentácii k CSS od spoločnosti W3Schools alebo Mozilla.

Zmena vlastností písma systémovej témy

Nasledujúci kód zmení vlastnosti písma predvolenej systémovej témy. Štýl písma sa zmení na Noto Sans a veľkosť písma sa zmení na 12 pt.

etapa
rodina fontov: Noto Sans, sans-serif;
veľkosť písma: 12pt;

Ak používate tému GS tretej strany, možno budete musieť najskôr importovať jej súbor CSS zadaním úplnej cesty, ako je uvedené v príklade nižšie:

@import url („cesta / k / téme.css ");
etapa
rodina fontov: Noto Sans, sans-serif;
veľkosť písma: 12pt;

Ak súbor CSS nie je k dispozícii na import, môžete ho extrahovať zo súboru gresource, ako je vysvetlené vyššie.

Zmena farby pozadia panela

Ak chcete zmeniť farbu pozadia panela na červenú, použite nasledujúci kód:

#panel
farba pozadia: červená;

Zmena šírky prepínača

Pomocou kódu nižšie môžete zmeniť šírku prepínacích tlačidiel:

.prepínač
šírka: 100px;

Záver

S určitou znalosťou pravidiel a vlastností CSS môžete ľahko prispôsobiť takmer všetky aspekty témy GS. Je však dôležité vyhľadať správny základný súbor CSS, aby ste ho mohli použiť ako referenciu, a vyhnúť sa tak mnohým dohadom.

Ako používať Xdotool na stimuláciu kliknutí a stlačenia myši v systéme Linux
Xdotool je bezplatný a otvorený nástroj príkazového riadku na simuláciu kliknutí a stlačenia klávesov myši. Tento článok sa bude týkať stručného sprie...
Top 5 ergonomických produktov pre počítačové myši pre Linux
Spôsobuje dlhodobé používanie počítača bolesť zápästia alebo prstov? Trpíte stuhnutými kĺbmi a neustále si musíte podávať ruky? Cítite pálivú bolesť z...
Ako zmeniť nastavenie myši a touchpadu pomocou systému Xinput v systéme Linux
Väčšina distribúcií systému Linux sa štandardne dodáva s knižnicou „libinput“ na spracovanie vstupných udalostí v systéme. Dokáže spracovať vstupné ud...