Comment installer des thèmes dans gnome-shell, (y compris deux thèmes)

Bien sûr, l'histoire est en cours d'édition du css. J'ai essayé des tonnes de thèmes et aucun n'a satisfait mes goûts et j'ai dû éditer le css, et comme je l'ai fait. J'imagine pas mal. Étant donné que quelqu'un peut en avoir besoin, je vais mettre quelques choses intéressantes:

Le fichier qui recueille la conception d'un thème gnome-shell s'appelle gnome-shell.css et peut avoir différents emplacements, généralement il devrait se trouver dans:

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

Mais il peut également être trouvé dans / usr / share / themes / Theme / gnome-shell / et dans le cas de la valeur par défaut, il devrait être dans / usr / share / gnome-shell / themes /

Une fois vu, vous pouvez modifier puis vérifier les changements avec alt + f2 r

Quelques notes précédentes, css supporte à la fois les couleurs hexadécimales et rgba, très probablement nous les trouverons en rgba (rouge, vert, bleu, transparence). Dans le cas où ils viennent en hexadécimal sur la page suivante, ils peuvent être convertis en rgba:

http://hex2rgba.devoth.com/

Quelques transformations intéressantes. 

+ Effet arrondi du panneau. (c'est pour que le panneau ne ressemble pas à un ruban plat)

/ * Panneau * /

#panneau {
    bordure: rgba solide 1px (255,255,255,0.15);
bordure supérieure: 1px;
bordure gauche: 0px;
bordure droite: 0px;
    border-radius: 0px;
    couleur: rgba (255,255,255,1.0, XNUMX, XNUMX, XNUMX);
    / * background-color: rgba (0,0,0,0.9); * / / * ceci est commenté * /
    arrière-plan-gradient-direction: vertical;
    background-gradient-start: rgba (88,88,88,0.90);
    background-gradient-end: rgba (1,1,1,0.85);

Les 4 dernières lignes sont décisives, puisque la couleur du panneau est donnée à travers le background-color, dans ce cas je commente cet élément et j'ai ajouté les trois lignes suivantes de background-gradient- ... dans le but de commencer par un colorez et terminez par un autre verticalement, dans ce cas, il commence par une couleur claire et se termine par une couleur sombre, et de cette façon, il a un effet aussi bien que cylindrique.

Ne confondez pas la couleur de fond avec la couleur, l'élément de couleur est la couleur que les extensions prendront sur le panneau, dans l'exemple précédent ce sera une couleur blanche.

+ La liste des fenêtres comme il se doit. 

Quelque chose qui me fait chier à propos de gnome-shell est le peu d'attention accordée à la liste des fenêtres, car cela rend tout très intuitif pour quelqu'un qui vient d'un autre environnement (que ce soit kde, windows, xfce, etc.)

Ce point est un tilin plus complexe car il existe plusieurs comportements, par exemple lorsque la fenêtre est focalisée, minimisée ou lorsque le pointeur est passé dessus.

Voici un exemple pour le moment où la fenêtre est focalisée et c'est le même comportement que lorsque nous cliquons sur une extension. Au final, l'élément que nous allons modifier est le même pour toutes les extensions.

.panel-button: focus {
bordure: rgba solide 1px (206,207,201,0.85);
arrière-plan-gradient-direction: vertical;
background-gradient-start: rgba (255,255,255,0.55);
background-gradient-end: rgba (200,200,200,0.40);
    Couleur blanche;
    ombre de texte: noir 0px 1px 1px;
}

La même chose est faite avec le panneau, dans ce cas, comme j'ai donné au panneau une couleur sombre, j'ai essayé de donner à la liste des fenêtres une couleur claire et avec un dégradé pour qu'elle ait également un effet arrondi. La bordure est également importante, je lui ai donné 1 pixel en largeur et en couleur en la filmant en blanc pour que ses limites soient clairement visibles dans le panneau sombre. 

Cependant, cette partie peut devenir assez complexe en fonction de la manière dont le code du thème gnome-shell.css que nous modifions est écrit.

L'autre chose est que la liste des fenêtres, étant une extension, a sa propre feuille de style css, donc pour que le travail soit vraiment bien fait, il vaut mieux le faire par-dessus et ainsi éviter le code inutile. Cette feuille de style se trouve dans le répertoire de l'extension:

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

+ La taille des icônes dans les Activités (Applications)

Parfois, la taille des icônes est très grande et avec une séparation si grande qu'il n'y a pratiquement pas de lignes de 4. Eh bien, cela a une solution. Nous recherchons la partie App.

/ * Applications * /

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

.icon-grid .overview-icon {
    taille de l'icône: 48px;

La première partie fait référence à l'espace occupé par l'icône avec les espaces de séparation, à la fois verticalement et horizontalement. Idéalement, ils devraient prendre le thème par défaut et examiner les différences.

Ensuite, l'autre partie détermine la taille dans laquelle les icônes seront affichées. Dans ce cas 48px et non le sauvage 96px qui vient par défaut.

J'espère que je n'ai pas fait de fautes d'orthographe sérieuses en écrivant ceci à la volée. Les salutations.