Πώς να εγκαταστήσετε θέματα στο gnome-shell, (συμπεριλαμβανομένων δύο θεμάτων)

Σίγουρα, η ιστορία είναι στην επεξεργασία του css. Έχω δοκιμάσει πολλά θέματα και κανείς δεν έχει ικανοποιήσει τις προτιμήσεις μου και έπρεπε να επεξεργαστώ το css και να μου αρέσει. Φαντάζομαι αρκετά. Λόγω του αν κάποιος μπορεί να το χρειάζεται, θα βάλω μερικά ενδιαφέροντα πράγματα:

Το αρχείο που συλλέγει το σχεδιασμό ενός θέματος gnome-shell ονομάζεται gnome-shell.css και μπορεί να έχει διαφορετικές τοποθεσίες, συνήθως θα πρέπει να είναι:

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

Αλλά μπορεί επίσης να βρεθεί στο / usr / share / themes / Theme / gnome-shell / και στην περίπτωση της προεπιλογής θα πρέπει να είναι στο / usr / share / gnome-shell / θέματα /

Μόλις το δείτε, μπορείτε να επεξεργαστείτε και, στη συνέχεια, να ελέγξετε τις αλλαγές με alt + f2 r

Μερικές προηγούμενες σημειώσεις, το css υποστηρίζει τόσο δεκαεξαδικά όσο και rgba χρώματα, πιθανότατα θα τα βρούμε σε rgba (κόκκινο, πράσινο, μπλε, διαφάνεια). Σε περίπτωση που έρθουν σε δεκαεξαδικό στην επόμενη σελίδα μπορούν να μετατραπούν σε rgba:

http://hex2rgba.devoth.com/

Μερικές ενδιαφέρουσες μεταμορφώσεις. 

+ Στρογγυλεμένο εφέ του πίνακα. (έτσι ο πίνακας δεν μοιάζει με επίπεδη κορδέλα)

/ * Πάνελ * /

# πάνελ {
    περίγραμμα: 1px στερεό rgba (255,255,255,0.15);
περίγραμμα κορυφής: 1px;
περίγραμμα-αριστερά: 0px;
περίγραμμα-δεξιά: 0px;
    ακτίνα ακτίνας: 0px;
    χρώμα: rgba (255,255,255,1.0);
    / * φόντο-χρώμα: rgba (0,0,0,0.9); * / / * σχολιάζεται * /
    φόντο-κατεύθυνση κλίσης: κάθετη;
    φόντο-ντεγκραντέ-έναρξη: rgba (88,88,88,0.90);
    φόντο-κλίση-άκρο: rgba (1,1,1,0.85);

Οι τελευταίες 4 γραμμές είναι καθοριστικές, καθώς το χρώμα στον πίνακα δίνεται μέσω του φόντου-χρώματος, στην περίπτωση αυτή σχολιάζω αυτό το στοιχείο και πρόσθεσα τις ακόλουθες τρεις γραμμές κλίσης φόντου- ... με σκοπό να ξεκινήσετε με ένα χρώμα και φινίρισμα με ένα άλλο κατακόρυφα, σε αυτήν την περίπτωση ξεκινά με ανοιχτόχρωμο χρώμα και τελειώνει με σκούρο χρώμα, και έτσι έχει αποτέλεσμα καθώς και κυλινδρικό.

Μην συγχέετε το χρώμα φόντου με το χρώμα, το στοιχείο χρώματος είναι το χρώμα που θα λάβουν οι επεκτάσεις στον πίνακα, στο προηγούμενο παράδειγμα θα είναι λευκό χρώμα.

+ Η λίστα των παραθύρων όπως θα έπρεπε. 

Κάτι που με ενοχλεί για το gnome-shell είναι η μικρή προσοχή που δίνεται στη λίστα των παραθύρων, καθώς κάνει τα πάντα πολύ διαισθητικά για κάποιον που προέρχεται από άλλο περιβάλλον (είτε είναι kde, windows, xfce, κ.λπ.)

Αυτό το σημείο είναι ένα πιο περίπλοκο tilin επειδή υπάρχουν πολλές συμπεριφορές, για παράδειγμα όταν το παράθυρο είναι εστιασμένο, ελαχιστοποιείται ή όταν ο δείκτης περνά πάνω από αυτό.

Εδώ είναι ένα παράδειγμα για το πότε το παράθυρο είναι εστιασμένο και αυτή είναι η ίδια συμπεριφορά όπως όταν κάνουμε κλικ σε μια επέκταση Στο τέλος, το στοιχείο που θα τροποποιήσουμε είναι το ίδιο για όλες τις επεκτάσεις.

.panel-button: εστίαση {
περίγραμμα: 1px στερεό rgba (206,207,201,0.85);
φόντο-κατεύθυνση κλίσης: κάθετη;
φόντο-ντεγκραντέ-έναρξη: rgba (255,255,255,0.55);
φόντο-κλίση-άκρο: rgba (200,200,200,0.40);
    άσπρο χρώμα;
    κείμενο-σκιά: μαύρο 0px 1px 1px;
}

Το ίδιο γίνεται και με τον πίνακα, σε αυτήν την περίπτωση καθώς έδωσα στον πίνακα ένα σκούρο χρώμα, προσπάθησα να κάνω τη λίστα των παραθύρων ανοιχτόχρωμο και με κλίση, έτσι ώστε να είχε επίσης στρογγυλεμένο αποτέλεσμα. Το περίγραμμα είναι επίσης σημαντικό, του έδωσα πλάτος και χρώμα 1 εικονοστοιχείο, τραβώντας το σε λευκό έτσι ώστε τα όριά του να είναι ορατά στο σκοτεινό πλαίσιο. 

Ωστόσο, αυτό το μέρος μπορεί να γίνει αρκετά περίπλοκο ανάλογα με το πώς γράφεται ο κώδικας θέματος gnome-shell.css που τροποποιούμε.

Το άλλο πράγμα είναι ότι η λίστα των παραθύρων, ως επέκταση, έχει το δικό της φύλλο στυλ css, έτσι ώστε η δουλειά να είναι πολύ καλά, είναι καλύτερα να το κάνετε πάνω από αυτό και έτσι να αποφύγετε άχρηστο κώδικα. Αυτό το φύλλο στυλ βρίσκεται στον κατάλογο της επέκτασης:

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

+ Το μέγεθος των εικονιδίων στις Δραστηριότητες (Εφαρμογές)

Μερικές φορές το μέγεθος των εικονιδίων είναι πολύ μεγάλο και με διαχωρισμό τόσο μεγάλο που δύσκολα μπορεί να υπάρχουν σειρές 4. Λοιπόν, αυτό έχει μια λύση. Ψάχνουμε για το μέρος της εφαρμογής.

/ * Εφαρμογές * /

.icon-πλέγμα {
    απόσταση: 36 εικονοστοιχεία;
    -σέλιδο-οριζόντιο-στοιχείο-μέγεθος: 70 εικονοστοιχεία;
    -έγεθος κελύφους-πλέγματος-κάθετου-αντικειμένου: 70 εικονοστοιχεία;
}

.icon-grid .overview-icon {
    μέγεθος εικονιδίου: 48 εικονοστοιχεία;

Το πρώτο μέρος αναφέρεται στο χώρο που καταλαμβάνει το εικονίδιο μαζί με τους διαχωριστικούς χώρους, κάθετα και οριζόντια. Στην ιδανική περίπτωση, θα πρέπει να λαμβάνουν το προεπιλεγμένο θέμα και να εξετάζουν τις διαφορές.

Στη συνέχεια, το άλλο μέρος καθορίζει το μέγεθος στο οποίο θα εμφανίζονται τα εικονίδια. Σε αυτήν την περίπτωση, 48px και όχι τα άγρια ​​96px που έρχονται από προεπιλογή.

Ελπίζω να μην έκανα σοβαρά ορθογραφικά λάθη καθώς το έγραψα εν κινήσει. Χαιρετίσματα.