Publié le: 2016-01-12

Design tricks

Les modifications expliquées dans cet article utilisent toutes le fichier /usr/share/gnome-shell/theme/gnome-shell.css

Fond d’écran de GDM

Pour changer le fond d’écran de GDM, il suffit de changer l’image dans la section #lockDialogGroup (note: si vous utilisez plusieurs écrans il est préférable d’utiliser un fond d’écran dédié au multi-écrans)

#lockDialogGroup {
   background: url(mygdm-bg.jpg);
}

Changer la couleur/transparence de la barre principale

Pour changer l’apparence de la barre principale, il faut modifier la section #panel. On peut par exemple la rendre semi-transparente ou la faire disparaître:

#panel {
    background-color: rgba(0,0,0,0.3);
    font-weight: bold;
    height: 1.86em;
}

Si vous modifiez la couleur du panel vous vous rendrez peut être compte qu’il y a un souci sur les coins des applications en mode agrandi. Il faut également modifier .panel-corner

.panel-corner {
    -panel-corner-radius: 6px;
    -panel-corner-background-color: rgba(0,0,0,0.3);
    -panel-corner-border-width: 2px;
    -panel-corner-border-color: transparent;

Résultat: Gnome Panel opacity

Modifier le menu utilisateur

Cette fois ci il faut modifier la section .popup-menu-boxpointer. Ici on ajoute un léger effet de transparence et on réduire les bords pour un effet plus fin:

.popup-menu-boxpointer {
    -arrow-border-radius: 6px;
    -arrow-background-color: rgba(0,0,0,0.9);
    -arrow-border-width: 1px;
    -arrow-border-color: #a5a5a5;
    -arrow-base: 24px;
    -arrow-rise: 11px;
}

Note subsidaire

Pensez à sauvegarder le fichier gnome-shell.css dans un autre répertoire, il n’est pas rare qu’il soit écrasé lors de mises à jour de gnome-shell !