Bonjour à toutes et à tous,

Grâce au très beau travail de Vinceliuice sur DeviantArt et GitHub (thèmes Qogir ou Canta par exemple), j’ai récemment découvert qu’il est redevenu possible d’afficher une image ou une photo en tant que fond de mon gestionnaire de fichiers (Nemo), comme on pouvait le faire à l’époque de Gnome2/Nautilus3.
Du coup, j’ai eu envie d’adapter la technique de Vinceliuice au thème Greybird qui est celui installé à demeure sur ma Xubuntu 18.04.2 avec donc Nemo comme gestionnaire de fichiers et le thème xfwm4 appelé Kokodi pour décorer la fenêtre …. et ça fonctionne très bien comme vous pouvez le constater ci-dessous :

fenêtre active:

et le lien direct.

fenêtre inactive:

et le lien direct.

Je vous décris comment j'ai procédé, c’est très rapide.
Comme je suis le seul utilisateur de ma machine, j’aurai pu choisir de modifier le thème Greybird directement dans le système de fichiers, à cette adresse : /usr/share/themes/Greybird et donc forcément avec les droits d’administrateur.
Mais, dans la pratique, je pense très préférable de ne pas modifier ce fichier directement à son emplacement d’origine car sinon à la moindre mise à jour du thème, toutes les modifications/personnalisations seront effacées…
Donc, le mieux est de faire une copie de /usr/share/themes/Greybird dans votre dossier personnel ~/.themes (si le dossier .themes n'existe pas, il faut le créer) ce qui nous donne ~/.themes/Greybird/. En plus, en pratiquant ainsi, les essais et modifications n’affecteront que votre session et pas celle des éventuels autres utilisateurs de votre machine.

Dans mon cas, j’ai donc placé la photo plage.jpg que je souhaitais avoir en fond de Nemo dans le dossier ~/.themes/Greybird/gtk-3.0/assets/. A noter que les formats .png, .gif ou .svg sont également acceptés.
Ensuite, j’ai ajouté les lignes de code ci-dessous à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css
/************************
 * NEMO à la plage*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-image: url("assets/plage.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
Et c’est tout. Reste seulement à recharger le thème dans Menu Whisker > Tous les paramètres > Apparence > style > choisir le thème GreyBird nouvellement modifié

Sinon, pour info, la consommation CPU est très raisonnable puisqu'autour de 2 à 4 % et Nemo est utilisable de façon normale, très fluide.

Afin d’éviter que je m’emballe trop vite, pourriez-vous vérifier que toute cette manip fonctionne également chez vous et que vous arrivez à afficher une image ou une photo ?



edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !



Ensuite, j’aimerai aller plus loin. Pourriez-vous m’y aider ?
J’aimerai, en particulier, afficher un gif animé au lieu d’une image fixe.
Si je fais cela en remplaçant bêtement plage.png par mongifanimé.gif, ça ne fonctionne pas. Plus exactement, la première frame du gif animé s’affiche mais ça en reste là. L’animation ne suit pas.
Je pense donc que ça ne doit pas être possible du tout avec une fenêtre GTK3.0 comme nemo-window

Du coup, je me suis dit que je pourrai peut-être utiliser certaines des transitions CSS supportées par les fenêtres GTK.
Par exemple, j’ai essayé de voir comment réagit la fenêtre .nemo-window si on lui applique la propriété :hover
Pour faire mon essai, je lui ai attribué un fond de couleur rouge et, en passant le curseur dessus, le rouge est censé se transformer en vert.
Pas de chance, ça ne fonctionne pas, le fond de nemo reste rouge.
Voici les lignes de code que j’ai utilisées :
.nemo-window .nemo-window-pane  notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-color: red;
  transition: background-color 1s linear;
}

.nemo-window:hover .nemo-window-pane:hover  notebook scrolledwindow.view:hover, window.thunar:hover notebook scrolledwindow.frame.standard-view:hover,
.nautilus-window:hover,
.nautilus-window:hover notebook,
.nautilus-window:hover notebook > stack{
  background-color: green;
}
Est-ce que quelqu’un pourrait m’aider pour avancer car je ne maîtrise aucun langage informatique, je ne fais que bidouiller…. je suis bien «coincé» !

Je vous en remercie très vivement par avance !

J'ai un double écran et ça fonctionne chez moi.Je n’ai pas essaye la deuxième partie de ton post.
Encore merci pour l’astuce.
Xubuntu 18.04
Nemo 3.6.5
Merci beaucoup à toi soujaa pour ton retour et content que ça ait fonctionné ! 🙂
J'ai un petit peu avancé et, en consultant certains sites, je peux maintenant remplacer l'image fixe par un mini-diaporama dans lequel se succèdent 2 images (plage.jpg et macareux.jpg) que j'ai préalablement placées dans le dossier ~/.themes/Greybird/gtk-3.0/assets/



Cliquez ici pour voir l'animation.

Et voici les lignes de code que j'ai placées à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css pour obtenir ce résultat:
/************************
 * NEMO *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack{
  animation: color-me-in 5s infinite;
}

@keyframes color-me-in {
  0% {
  background-image: url("assets/plage.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  }
  100% {
  background-image: url("assets/macareux.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  }
}
Bon, c'est laborieux parce que le code CSS m'est largement inconnu mais ça avance.
Ceci dit, ce code me parait en l'état actuel inexploitable car trop consommateur du CPU (la consommation CPU passe de 4 à 34%) et l'ouverture d'une seconde fenêtre Nemo est problématique.
Il faut donc continuer à explorer d'autres pistes pour essayer de trouver quelque chose de plus présentable et surtout plus fluide, plus utilisable.


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Voilà, j'ai un peu plus avancé et j'ai essayé quelque chose de plus simple, un grand classique : de la neige qui tombe. Pas original du tout mais c'est juste pour montrer que ça fonctionne :



Cliquez ici pour voir l'animation.

Et voici les quelques lignes de code qui permettent d'arriver à ce résultat (à placer à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO neige qui tombe*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack{
    background: #6b92b9;
    background-image:  url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
    animation: snow 40s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
Et cette fois, Nemo reste fluide et d'utilisation normale. La consommation CPU est à 10% chez moi, c'est beaucoup plus raisonnable que le précédent essai du post #4 !


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
5 jours plus tard
Pour continuer dans le sens des fonds animés de façon très soft pour que ça soit utilisable dans le cadre d'une utilisation normale de Nemo, voici une autre animation classique qui fonctionne bien : des nuages qui défilent lentement et en boucle infinie :



Cliquez ici pour voir l'animation correspondante.

Et voici les quelques lignes de code à ajouter comme précédemment à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css : 
/************************
 * NEMO dans les nuages*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack{
        background-image: url("assets/clouds.jpg");
        background-size: cover;
        background-repeat: no-repeat;
	animation: backAnimation 80s linear infinite;
}
@keyframes backAnimation {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
L'image que j'ai utilisée (clouds.png) provient d'ici et je l'ai préalablement copiée-collée dans le dossier ~/.themes/Greybird/gtk-3.0/assets/

Et comme pour l'animation "neige qui tombe" du #5, la consommation CPU reste autour de 10% et Nemo est utilisable de façon normale, très fluide.


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Bonjour jlfh0816,
Je te suggère de partager tes astuces en ajoutant tes découvertes à la doc sur nemo.
La communauté Ubuntu pourra mieux profiter de tes belles astuces.
Merci
https://doc.ubuntu-fr.org/nemo
@soujaa
Merci pour ta suggestion.
Je n'ai jamais posté sur la doc Nemo d'Ubuntu dont tu me communiques le lien mais je vais de ce pas me renseigner pour savoir comment faire (s'agit pas de faire des bêtises !).
Et si ce n'est pas trop compliqué, je m'en occupe ce prochain week-end.
En tout cas, sois remercié de m'avoir lu, ça fait toujours plaisir d'avoir des retours ! 🙂
Pour continuer un peu sur la lancée des nuages qui défilent dans le fond de Nemo, voici ce que ça donne avec des "vrais" nuages, je veux dire avec une photo au lieu d'un dessin comme ci-dessus dans le post #6 :



Cliquez ici pour voir l'animation correspondante.

Et voici les quelques lignes de code à ajouter comme précédemment à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css : 
/************************
 * NEMO nuages photo *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
        background-image: url("assets/nuages_photo.png");
        background-size: cover;
        background-repeat: no-repeat;
	animation: backAnimation 80s linear infinite;
}
@keyframes backAnimation {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
L'image que j'ai utilisée (nuages_photo.png) provient d'ici et je l'ai préalablement copiée-collée dans le dossier ~/.themes/Greybird/gtk-3.0/assets/
La consommation CPU est un peu plus élevée qu'avec les nuages dessinés du #6 puisqu'elle atteint 12% (contre 10%) mais l'utilisation de Nemo reste fluide.


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
J'ai mis à profit ce week-end pour tester la faisabilité de jouer un fond avec plusieurs images en parallaxe. Pour l'occasion, j'ai essayé avec 4 images qui "coulissent" l'une au-dessus de l'autre afin de créer une impression de mouvement, comme si on regardait le paysage depuis la fenêtre d'un véhicule. Pour que ça ne soit pas trop agressif, j'ai adopté des couleurs vertes plus ou moins pastel de façon à ce que les icones au-dessus restent bien visibles. Et ça fonctionne comme vous pouvez le constater :



Cliquez ici pour voir l'animation correspondante.

Et voici les quelques lignes de code à ajouter comme pour les posts précédents à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO PARALLAXE en vert *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    background-color: #d6eaf8;
    background-image: url("assets/image1.png"), url("assets/image2.png"), url("assets/image3.png"), url("assets/image4.png");
    background-position: 0px 0px, 0px 100%, 0px 50%, 0px 0px;
    background-repeat: repeat-x;

    animation-name: bgscroll;
    animation-duration: 200s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes bgscroll {
  from {background-position: 0px 0px, 0px 100%, 0px 50%, 0px 0px;}
  to {background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;} 
  }
Les images que j'ai utilisées (image1.png, image2.png, image3.png et image4.png) ont été glanées sur la toile sur ce site et je les ai préalablement copiées-collées dans le dossier ~/.themes/Greybird/gtk-3.0/assets/
Pour mon exemple personnel, j'ai modifié les couleurs dans Gimp.
La consommation CPU est plus élevée qu'avec les tests des posts ci-dessus puisqu'elle atteint 20 à 25% mais l'utilisation de Nemo reste fluide.


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Je poursuis toujours mon idée d'essayer d'afficher un gif animé dans le fond de Nemo : échec à tous mes essais, ça ne fonctionne pas du tout. Du coup, j'essaie de contourner l'obstacle en jouant avec la valeur steps() de la propriété CSS animation et une spritesheet (dans l'exemple ci-dessous, cette dernière s'appelle sprite_B.png). Si j'ai bien compris le principe (?) et en simplifiant (beaucoup), ça revient à faire afficher successivement toutes les frames du gif, une par une (step by step), pour créer l'illusion d'un gif animé. Un gif animé-like en quelque sorte. C'est pas du tout évident à réaliser dans le container .nemo-window car ce n'est pas une vraie feuille de style CSS. J'ai beaucoup essayé mais je me suis cassé les dents à tous mes essais sauf bizarrement sur celui ci-dessous. Et encore, ça ne fonctionne qu'à moitié car si on agrandit la fenêtre de Nemo, on s'aperçoit que l'animation est affichée plusieurs fois côte-à-côte. Mais en redimensionnant judicieusement la fenêtre Nemo, on peut faire en sorte que BB8 ne figure qu'une seule fois, comme ci-dessous :



Cliquez ici pour voir l'animation correspondante.

Et voici les quelques lignes de code à ajouter comme pour les posts précédents à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css : 
/************************
 * NEMO gif animé-like  BB8 *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
width: 510px;
height: 218px;
background-position: -5875px 100%;
background-image: url("assets/sprite_B.png");
background-color:#aeb6bf;
background-size: auto;
background-repeat: no-repeat;
animation: play 1.5s steps(13) infinite;
display: inline block;
}
 
@keyframes play {
100% { background-position: 620px 275px; }
}
Quant au gif animé de BB8, il est téléchargeable ici. Reste ensuite à aller sur un site spécialisé gratuit comme celui-ci (mais il y en a bien d'autres), qui va en extraire une spritesheet.png (image png à fond transparent où sont alignées les unes à côté des autres toutes les frames qui constituent le gif). C'est cette spritesheet.png que j'ai renommée sprite_B.png et que j'utilise dans le code ci-dessus (il faut la copier-coller dans le dossier ~/.themes/Greybird/gtk-3.0/assets/ ).

Si par miracle un moustachu du code CSS passe par ici et peut me donner son avis, je serai ravi de profiter de ses lumières car, je l'avoue bien volontiers, je ne vois pas de solution à l'horizon pour l'instant.
J'ai également soumis mon problème ici sur le site Stackoverflow mais pour l'instant je n'ai pas eu de réponses...
Bonne soirée à tous !

edit: j'ai oublié de préciser qu'avec cette animation, la consommation CPU est peu élevée, autour de 4 ou 5 %.


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça fonctionne à nouveau !


edit du 13 août 2020 :
J'ai repris le code en l'allégeant et voici sa nouvelle version :
/************************
 * NEMO gif animé BB8 *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-image: url("assets/sprite_B.png");
  background-color:#aeb6bf;
  background-repeat: no-repeat;
  animation: moveX 0.8s steps(13) infinite;
}

@keyframes moveX {
  from { background-position: -6500px 100%; }
  to { background-position: 0px 100%; }
}
Par contre, je n'ai toujours pas trouvé le moyen de changer la taille de BB8 : je pense qu'il faut agir directement sur la taille du spriteshhet (spriteB.png) mais si quelqu'un a une autre idée, je suis preneur, merci par avance !


re-edit: je viens de tester et, effectivement, pour changer la taille de BB8, il faut modifier en conséquence celle du spritesheet. On peut faire cela sans problème avec GIMP.
Voici le spritesheet que j'ai utilisé pour un tel BB8 de petite taille (je l'ai appelé sprite4sec.png) et qui, cette fois, apparaît seul dans la fenêtre de Nemo (c'est minuscule sur ce forum mais l'image est bien là. Elle est bien plus grande "en vrai" dans la fenêtre de Nemo et ça fonctionne !) :

et voici son lien direct au cas où.
Ses dimensions sont de 13000px x 208px
Et les lignes de code à utiliser sont celles-ci :
/************************
 * NEMO gif animé BB8 *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-image: url("assets/sprite4sec.png");
  background-color:#aeb6bf;
  background-repeat: no-repeat;
  animation: moveX 0.8s steps(13) infinite;
}

@keyframes moveX {
  from { background-position:   0px 100%; }
  to { background-position: -13000px 100%; }
}
Voilà, j'ai progressé et je suis parvenu à quelque chose de fluide, de fonctionnel et qui ne consomme pas trop de CPU (10%).



Cliquez ici pour voir l'animation correspondante.

Le code CSS n'est pas du tout optimisé (pour ça, j'attends l'aide d'un moustachu bienveillant... s'il se reconnaît, qu'il n'hésite pas à intervenir !) mais il a le mérite de fonctionner. J'ai donc renoncé à l'utilisation de la valeur steps() de la propriété animation ainsi qu'à la spritesheet.... trop compliqué pour moi pour l'instant, je ne maîtrise pas. J'ai fait nettement plus basique ...

Pour ce nouvel essai, j'ai donc choisi le houlahop. J'en ai trouvé un gif animé fort sympathique sur Tumblr (avec Olia Lialina à l'honneur). Je me suis dit qu'admirer la plastique et la maîtrise d'Olia Lialina intéresseraient certains ... ! 😃
Pour diminuer le poids du gif téléchargé, je l'ai transformé en animation APNG puis j'ai décomposé cette dernière en ses 10 frames. Ces deux étapes de transformations ont été effectuées en ligne sur ce site gratuit (mais il en existe bien d'autres). Une fois les 10 frames png récupérées, je les ai renommées frame1.png, frame2.png, frame3.png, etc ... jusqu'à frame10.png
Je les ai ensuite toutes placées dans un dossier nommé "frames" créé pour l'occasion et que j'ai finalement transféré dans ~/.themes/Greybird/gtk-3.0/assets/
Et comme pour les posts précédents, voici les lignes de code à ajouter à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO animation HoulaHop *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {

  width: 96px;
  height: 143px;
  background-color:  #d6eaf8 ;
  background-position: 80% 100%;
  background-repeat: no-repeat;
  animation: bg 0.8s linear infinite;
}

@keyframes bg {
  0% {
      background-image: url("assets/frames/frame1.png");
  }
  11% {
      background-image: url("assets/frames/frame2.png");
  }
  22% {
      background-image: url("assets/frames/frame3.png");
  }
  33% {
      background-image: url("assets/frames/frame4.png");
  }
  44% {
      background-image: url("assets/frames/frame5.png");
  }
  55% {
      background-image: url("assets/frames/frame6.png");
  }
  66% {
      background-image: url("assets/frames/frame7.png");
  }
  77% {
      background-image: url("assets/frames/frame8.png");
  }
  88% {
      background-image: url("assets/frames/frame9.png");
  }
  100% {
      background-image: url("assets/frames/frame10.png");
  }
}
Voilà, bonne soirée à tous !


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Pour revenir à des choses plus simples, j’ai essayé de passer en revue des choses plus basiques mais sans doute plus faciles à utiliser au quotidien, notamment la gestion de la couleur du fond de Nemo (toujours en utilisant le thème Greybird de base) :
- afficher une couleur unie «solide» de son choix;
- utiliser une couleur unie dont la transparence varie;
- jouer avec les dégradés de couleurs (dégradé linéaire ou radial);
- s’amuser à créer un décor simple.

1°) afficher une couleur unie :
On commence par choisir la couleur qu’on souhaite appliquer en fond de Nemo. Pour cela, on a besoin du code html de la couleur. Dans un premier temps, j’ai choisi d’utiliser le code hexadécimal mais on peut aussi exprimer la couleur désirée par son nom en anglais (yellow, white, etc.) ou par son code RGB. Le mieux est d’aller chercher le code sur l’un des nombreux sites spécialisés qui traitent de ce sujet, par exemple celui-ci, celui-là ou encore cet autre.
J’ai commencé par vouloir appliquer la couleur hexadécimale #d6eaf8 (c’est du bleu clair) ce qui donne ceci :


et le lien direct.

Il suffit de copier-coller les lignes de code ci-dessous tout à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO fond bleu clair*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-color: #d6eaf8;
}
J’aurai pu aussi utiliser sans problème le code rgb de ce bleu clair. Pour cela, il me suffisait de remplacer #d6eaf8 par rgb(214, 234, 248) ce qui donne la ligne de code 
 background-color: rgb(214, 234, 248);

2°) utiliser une couleur unie dont la transparence varie :
L’avantage du code RGB ci-dessus, c’est qu’on peut faire également varier la transparence de la couleur en lui ajoutant un coefficient variant de 0.0 (transparence totale) à 1.0 (aucune transparence).
Par exemple, pour une transparence de 50%, on remplace 
background-color: #d6eaf8;
par 
background-color: rgba(214, 234, 248, 0.5);

Maintenant, si on souhaite obtenir un dégradé de la variation de transparence, par exemple aller de «pas de transparence» à gauche à «transparence totale» à droite, il faut procéder autrement et remplacer : 
background-color: #d6eaf8;
par
background-image: linear-gradient(to right, rgba(214, 234, 248, 1), rgba(214, 234, 248, 0));
Et voici ce que ça donne :


et le lien direct.


3°) jouer avec les dégradés de couleurs (dégradé linéaire ou radial):
Ensuite, j’ai voulu faire un test de dégradé de deux couleurs, du rose et du saumon. Voici ce que ça donne:


avec le lien direct.

Il suffit de copier-coller les lignes de code ci-dessous tout à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO fond 2 couleurs en dégradé linéaire*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    background: linear-gradient( #eecda3, #ef629f );
}
J’ai ensuite essayé avec plusieurs couleurs, ici quatre, et voilà ce que ça donne:

et le lien direct.

Pour obtenir cet effet, il suffit de copier-coller les lignes de code ci-dessous tout à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO fond 4 couleurs en dégradé linéaire*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    background-image: linear-gradient( to right, #d0d2ff, #ffd0d2,  #fffdd0, #d0fffd );
}
Sinon, j’ai vu dans différents tuto CSS sur le net qu’il existe aussi le dégradé radial. J’ai essayé et voici ce que ça donne, toujours en utilisant 4 couleurs:


et le lien direct.
Pour obtenir cet effet, il suffit de copier-coller les lignes de code ci-dessous tout à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
/************************
 * NEMO fond 4 couleurs en dégradé radial*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-image: radial-gradient(circle at top left, #ffd0d2, #fffdd0, #d0fffd, #d0d2ff);
}
4°) s’amuser à créer un décor simple
Toujours en surfant sur les sites de CSS, j’ai vu que certains parvenaient à faire des décors en utilisant uniquement les fonds colorés. En voici deux exemples que j’ai trouvés sympathiques :

* un fond bicolore (source)
Ca donne ceci :


avec le lien direct.
et les lignes de code à utiliser sont les suivantes :
/************************
 * NEMO fond bicolore*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
    height: 100vh;
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    background: linear-gradient(to bottom right, #0087e0 50%, #004165 50%, #004165);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
}
* une décoration d’angle (source)
Cette fois, la décoration est nettement plus discrète, elle est dans le coin supérieur droit de Nemo :


avec le lien direct.
et les lignes de code à utiliser sont les suivantes :
/************************
 * NEMO déco triangles*
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background: linear-gradient(-135deg, rgba(237, 165, 9, 1) 0%, rgba(237, 165, 9, 1) 5%, rgba(231, 229, 219, 1) 5%, rgba(231, 229, 219, 1) 10%, rgba(240, 239, 235, 1) 10%, rgba(240, 239, 235, 1) 100%);
}
Très bonne soirée à tous !
Pour continuer sur la lancée des fonds simples, je voulais revenir sur la possibilité d'afficher une photographie ou une image.
Mais pour que les icones et leur titre soient bien visibles, il faut que le fond soit très pastel. Du coup, il y a trois possibilités principales:
- soit trouver une image toute faite sur la toile, comme les vieux backgrounds de feu Nautilus 3 (si, si, on les trouve encore ! ... par exemple sur gnome-look.org );
- soit éclaircir ou flouter soi-même une image ou une photographie personnelle grâce à Gimp (beaucoup de tutoriels sur la toile);
- soit recourir aux propriétés de CSS, notamment en détournant la box-shadow de son usage habituel (en effet, les différents filtres comme blur, etc... ne fonctionnent malheureusement pas nativement sur les fenêtres GTK3).

1°) trouver des fonds tout faits
Voici ce que ça donne avec le fond Tux :


et le lien direct.

On trouve encore bien d'autres fonds sur divers sites comme celui-ci ou celui-là.
Lorsque le fond est téléchargé (dans l'exemple ci-desus pour la capture et ci-dessous pour le code, je l'ai renommé Tux.png), il suffit de le placer dans le dossier ~/.themes/Greybird/gtk-3.0/assets/ puis de copier-coller les lignes de code ci-dessous à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css : 
/************************
 * NEMO fond Tux *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
background-image: url("assets/Tux.png");
background-size: cover;
background-repeat: no-repeat;
}
Et c'est tout.

Voici un autre exemple avec le logo Ubuntu trouvé ici :


et le lien direct.

2°) utiliser la box-shadow pour opacifier n'importe quelle image ou photo
Ici, j'ai voulu tester l'affichage du fond d'écran xfce-blue livré avec la distribution Xubuntu 18.04. Il se trouve à l'adresse /usr/share/backgrounds/xfce/xfce-blue.jpg
Mais sa couleur est trop "voyante", ça peut gêner la lisibilité des icones :


et le lien direct.

J'ai donc essayé d'éclaircir cette image en détournant de son usage la box-shadow. Et le résultat me parait acceptable si on diminue fortement l'opacité (dans l'exemple ci-dessous, diminution de 80%) ce qui donne ceci :


et le lien direct.

Pour parvenir à ce résultat, les lignes de code à saisir à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css sont les suivantes : 
/************************
 * NEMO fond xfce bleu éclairci 80% *
************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
background-image: url("/usr/share/backgrounds/xfce/xfce-blue.jpg");
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.8) inset;
}
Voilà, bonne soirée à tous !
@soujaa
J'ai bien essayé de rédiger quelque chose dans la doc/wiki Ubuntu au lien que tu m'as communiqué mais rien à faire, je n'y arrive pas. Il y a quelque chose chose que je dois mal faire et je ne vois pas quoi. Même avec le bac à sable je n'y arrive pas ... Du coup, je me suis permis de laisser un petit message de deux lignes au paragraphe 3.6 ("Autres") en demandant à l'un des administrateurs du site s'il veut bien me contacter pour m'expliquer ce que je fais mal... désolé.
5 jours plus tard
Bonjour à tous,
J'ai essayé de voir si toutes les modifications des posts précédents fonctionnent avec d'autres thèmes que Greybird et la réponse est positive (j'ai essayé avec les thèmes Materia, Arc, Canta et Qogir).
Donc, ça c'est une bonne nouvelle.
Du moins, tant que ces thèmes utilisent des fichiers gtk.css ou gtk-contained accessibles, éditables et modifiables dans un éditeur de fichiers (chez moi, c'est gedit).
Par contre, lorsque les thèmes ont des fichiers gtk.css et/ou gtk-contained.css qui ne contiennent rien ou une simple adresse (des thèmes binarisés si j'ai bien compris ?), je n'ai rien pu faire ... par exemple sur ceux-ci :

Numix 
@import url("resource:///org/numixproject/gtk/dist/gtk.css");
Adapta 
@import url("resource:///org/adapta-project/gtk-3.20/gtk-contained.css");
ou même rien du tout comme Adwaita, la seule ligne contenue dans gtk.css étant celle-ci : 
/* Adwaita is now part of GTK+ 3, this file is no longer used */
J'ai bien sûr cherché sur la toile s'il y avait des solutions de contournement et j'ai même trouvé plusieurs tutoriels sensés contourner l'obstacle mais non, ils ne fonctionnent pas ( ... ou plus ?). Voici l'un de ces tutoriels et un autre qui paraissaient séduisants à leur lecture mais nada, ça ne fonctionne pas du tout. Ou alors, je ne sais pas m'y prendre, ce qui est aussi fort possible.

Est-ce que quelqu'un aurait d'autres pistes ou saurait comment faire pour pourvoir modifier le CSS de ces thèmes en apparence "inaccessibles" ?
Un très grand merci par avance ! 😃


PS: j'ai lu qu'il y aurait aussi la possibilité de télécharger les sources, de les modifier en fonction des modifications souhaitées puis de compiler mais je ne sais pas faire d'autant que les instructions laissées par exemple par les auteurs du thème Adwaita ( "How to tweak the theme" ) sous-entendent clairement que ce n'est pas à la portée du premier venu ...
Bonjour,
Pour changer un peu, j’ai essayé de voir s’il est possible de mettre une image ou un fond coloré uni dans le panneau latéral (dénommé «sidepanel» dans le fichier gtk-contained.css) de Nemo, toujours en utilisant le thème Greybird de base.
A priori, c’est possible mais, pour l’instant, je n’y parviens que sur la partie inférieure du panneau, celle se trouvant en-dessous de l’arborescence des dossiers. En effet, dans la moitié supérieure du panneau, l’arborescence se superpose à l’image de fond du panneau (une vague bleue stylisée sur fond gris) et malheureusement chaque ligne de dossier apporte son propre petit bout de vague avec elle.
Ca ne voit pas sur la capture ci-dessous parce que, pour le fond gris de la vague bleue, j’ai volontairement choisi exactement le même gris que celui des lignes sur lesquelles sont écrits les noms des dossiers de l’arborescence.
Mais si vous faites des essais avec une autre image que cette vague bleue, vous verrez que c’est là qu’il y a un problème ...
Pas terrible donc mais je ne fais que découvrir tout cela et ça a quand même le (tout petit) mérite de donner l’illusion qu’il y a bien une image en fond de panneau. Voici ce que ça donne :



et le lien direct au cas où …

Pour parvenir à mes fins, et comme depuis le post #1, voici les lignes de code à ajouter à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css : 
/************************
 * NEMO sidepanel vague bleue *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
background-image: url("assets/Calm-Wallpaper-030.jpg");
background-size: cover;
background-repeat: no-repeat;
}

.nemo-window .sidebar,
.nemo-window .sidebar .view {
background-image: url("assets/lines7.jpg");
background-repeat: no-repeat;
background-position: 0% 100%;
background-attachment: scroll;
color: #000000;/* to change dark grey background color of sidebar*/
/* to change normal text color in sidebar */
}

.nemo-window .sidebar .view:selected {
background-image: url("assets/lines7.jpg");
color: #A52A2A;
/* to change selected text color in sidebar*/
}

.nemo-window .sidebar .view:hover {
background-color: #79BAE8;
background-image: url("assets/lines7.jpg");
color: shade(#3F3F3F , 1.4);
 /* to change the hover background color in sidebar*/
}
Je précise que l’illustration de panneau latéral (une vague bleue stylisée dénommée "lines7.jpg") provient de ce site. Je l’ai retravaillée sous Gimp et en m’aidant de Gpick afin que la couleur de fond soit exactement la même que celle du fond des lignes sur lesquelles sont inscrits les noms des dossiers, c’est à dire #DADFE5 et en la recoupant à 259px X 198px ce qui donne ceci :


et le lien direct si besoin.

Par ailleurs, l’image qui sert de fond à Nemo ( appelée «Calm-Wallpaper-030.jpg») a été téléchargée ici.

Maintenant, j’aimerai beaucoup si quelqu’un pouvait m’expliquer comment faire en sorte que l’arborescence des dossiers adopte un fond totalement transparent de façon à ce que l’on ne voit plus que l’image de fond du panneau ?

Merci beaucoup par avance de votre aide, j’en ai bien besoin !


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Bonjour,

Pour continuer dans la personnalisation du panneau latéral, je me suis amusé à y afficher une animation, un papillon qui bat des ailes … et ça fonctionne.
Dans cet exemple, vous verrez que j’ai également affiché une seconde animation dans la fenêtre principale de Nemo. C’est la même animation que dans le panneau latéral, le papillon, mais j’aurai pu tout aussi bien choisir une animation différente, ma danseuse de houlahop par exemple (du post #12).
Voici ce que ça donne :



Cliquez ici pour voir l'animation correspondante.

Le gif qui m’a servi de base de départ a été téléchargé sur ce site. Il a déjà un fond transparent. J’ai ensuite diminué sa taille à 62x62 pixels avant de le décomposer en ses 10 frames. J’ai ensuite créé un dossier «papillon» dans lequel j’ai placé les dix frames que j'ai renommées de frame1.png à frame10.png
Et le dossier "papillon" a été placé dans le dossier ~/.themes/Greybird/gtk-3.0/assets/

Pour que le battement des ailes du papillon reste réaliste une fois placé dans le panneau latéral de Nemo, j’ai relevé quelles sont les durées d’affichage de chaque frame. Cela va de 2000 ms pour la seule frame1 à 100 ms pour toutes les autres frames. Dans la boucle d’animation CSS qui dure 2,9 secondes, cela se traduit par un pourcentage de 0 à 80% pour la seule frame1 puis par une incrémentation de 2% de la frame2 jusqu'à la frame 9 et enfin par un pourcentage de 6% pour la frame10.
Par ailleurs, dans les lignes de code ci-dessous, afin que les deux papillons ne battent pas des ailes en même temps, j'ai appliqué une durée de boucle d'animation de 2,2 secondes pour le papillon de la fenêtre principale de Nemo et une autre de 2,9 secondes pour celui du panneau latéral.

Au final, voici les lignes de code à ajouter à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css :
************************
* NEMO animation Papillon *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-color:  #d6eaf8 ;
animation: bg 2.2s linear infinite;
background-repeat: no-repeat;
background-position: 85% 20%;
}

.nemo-window .sidebar,
.nemo-window .sidebar .view {
background-position: 85% 90%;
background-repeat: no-repeat;
animation: bg 2.9s linear infinite;
color: #000000;/* to change dark grey background color of sidebar*/
/* to change normal text color in sidebar */
}

.nemo-window .sidebar .view:selected {
color: #A52A2A;
/* to change selected text color in sidebar*/
}

.nemo-window .sidebar .view:hover {
background-color: #79BAE8;
color: shade(#3F3F3F , 1.4);
 /* to change the hover background color in sidebar*/
}

@keyframes bg {
 0% {
      background-image: url("assets/papillon/frame1.png");
  }
80% {
      background-image: url("assets/papillon/frame2.png");
  }
82% {
      background-image: url("assets/papillon/frame3.png");
  }
  84% {
      background-image: url("assets/papillon/frame4.png");
  }
  86% {
      background-image: url("assets/papillon/frame5.png");
  }
  88% {
      background-image: url("assets/papillon/frame6.png");
  }
  90% {
      background-image: url("assets/papillon/frame7.png");
  }
  92% {
      background-image: url("assets/papillon/frame8.png");
  }
 94% {
      background-image: url("assets/papillon/frame9.png");
  }
 100% {
      background-image: url("assets/papillon/frame10.png");
  }
}
Très belle journée à toutes et à tous ! 🙂




EDIT :
si vous utilisez Firefox et que vous n'arrivez pas à copier les lignes de code ci-dessus (le code s'efface et la fenêtre devient toute noire), voyez l'EDIT à la fin du post #19 ainsi que l'explication donnée par cqfd93 (post #21). Merci ! 😃


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
Bonjour,

Voilà, j’ai réussi à afficher l’animation papillon dans la barre de statut, tout en bas de la fenêtre de Nemo. Voici ce que ça donne (c'est en bas et à droite de la fenêtre) :



Cliquez ici pour voir l'animation.

Oh, c’est seulement une coquetterie car ça ne sert strictement à rien … c’était juste pour le plaisir de savoir si c’était faisable ou non. Après, on n’est pas obligé de mettre une animation. On peut se contenter de mettre une couleur de son choix ou une image ou encore une photo. Il suffit juste d’adapter à souhait les lignes de code ci-dessous.

Pour info, les frames de l’animation ont été réduites à 42 x 42 px pour que le papillon tienne dans la barre de statut. Si vous souhaitez récupérer l’animation, voici son gif et le lien direct.
Une fois téléchargé, il vous restera à décomposer ce gif en ses 10 frames. Celles-ci sont ensuite à renommer frame1.png etc... jusqu’à frame10.png puis elles sont toutes placées dans un dossier ~/.themes/Greybird/gtk-3.0/assets/papillon/ créé pour l’occasion.
Et ensuite, il ne reste qu’à copier-coller les lignes de code ci-dessous à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css
/************************
 * NEMO (papillon en bas) *
 ************************/
.nemo-window .nemo-window-pane notebook scrolledwindow.view, window.thunar notebook scrolledwindow.frame.standard-view,
.nautilus-window,
.nautilus-window notebook,
.nautilus-window notebook > stack {
  background-image: url("/usr/share/backgrounds/xfce/xfce-blue.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.nemo-window,
.nemo-window statusbar {
  background-color:  none;
  animation: bg 2.9s linear infinite;
  background-repeat: no-repeat;
  background-position: 95% 20%;
}

@keyframes bg {
 0% {
      background-image: url("assets/papillon/frame1.png");
  }
80% {
      background-image: url("assets/papillon/frame2.png");
  }
82% {
      background-image: url("assets/papillon/frame3.png");
  }
  84% {
      background-image: url("assets/papillon/frame4.png");
  }
  86% {
      background-image: url("assets/papillon/frame5.png");
  }
  88% {
      background-image: url("assets/papillon/frame6.png");
  }
  90% {
      background-image: url("assets/papillon/frame7.png");
  }
  92% {
      background-image: url("assets/papillon/frame8.png");
  }
 94% {
      background-image: url("assets/papillon/frame9.png");
  }
 100% {
      background-image: url("assets/papillon/frame10.png");
  }
}
Très bonne soirée à toutes et à tous !



EDIT :
si vous utilisez Firefox, il se peut que vous rencontriez un bug au niveau de l'affichage de la fenêtre contenant les lignes de code (concerne les posts #18 et #19). En effet, lorsque vous voudrez surligner ces lignes, il est possible qu'elles disparaissent (la fenêtre devient vide et noire) et que vous ne puissiez alors pas les copier.
Grâce à l'intervention de cqfd93 (voir post #21 ci-dessous), il s'avère que c'est un bug affectant la nouvelle version 66 de Firefox. Pour contourner ce problème d'affichage, je vous invite à utiliser l'astuce communiquée par cqfd93 (voir dans son post #21).
Ou sinon, seconde solution de contournement, vous pouvez aussi surligner avec votre souris tout ce qu'il y a entre la ligne (cette ligne comprise) :
"Et ensuite, il ne reste qu’à copier-coller les lignes de code ci-dessous à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css"
et la dernière (cette ligne comprise) :
"Très bonne soirée à toutes et à tous !"

Ensuite vous collez tout cela dans n'importe quel éditeur de texte et vous suprimez la première et la dernière ligne.
C'est tout bon, il ne reste alors que les lignes de code, celles à copier-coller à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk-contained.css


edit du 13 juillet 2020 :
Je viens de tester la manip' sur la nouvelle Xubuntu 20.04 et ça continue de fonctionner mais il y a une petite modification à effectuer.
En effet, dans la nouvelle version du thème Greybird livrée avec Xubuntu 20.04, le fichier gtk-contained.css n'existe plus. Pour pallier à cela, il faut copier-coller les lignes de code ci-dessus directement à la fin du fichier ~/.themes/Greybird/gtk-3.0/gtk.css
Et ça re-fonctionne !
@ question à un administateur ou un modérateur du site :
Je n'arrive pas à copier le code situé dans les posts #18 et #19 : dès que je clique dessus pour surligner ou même simplement dès que je touche à l'ascenseur à droite, tout le code disparait (fenêtre noire) ... pour ré-apparaître spontanément une vingtaine/trentaine de secondes plus tard. C'est d'autant plus bizarre que je n'ai aucun problème avec le code de tous les autres posts, y compris ceux qui ont un ascenseur.
Ai-je mal configuré quelque chose dans les balises de codage <> de ces deux posts ?
Merci beaucoup par avance de votre aide ! 🙂