Personnaliser l'arrière-plan de GDM

GDM est le gestionnaire de sessions de l'environnement GNOME et son bureau GNOME Shell.

Son arrière-plan par défaut est (selon les versions) soit gris avec une légère texture, soit violet uniforme. Ce n'est pas forcément très chaleureux, on va donc voir comment modifier cet arrière-plan.

Ubuntu avec GNOME en tant que gestionnaire de fenêtre.

Les droits d'administrations seront nécessaires afin d'utiliser la commande sudo.

L'image à mettre en arrière-plan doit être au format .png (et si possible ne pas contenir de transparence). L'image doit être assez sombre (au moins en son centre) pour que les informations affichées par dessus soient lisibles.

gdm3 --version

À partir d'Ubuntu 17.10, le thème de GDM est modifié par les développeurs d'Ubuntu afin d'assurer une cohérence visuelle avec la session "Ubuntu" par défaut¹⁾.

update-alternatives --config gdm3.css

En fonction de si vous utilisez (ou non) un thème GDM "violet-orange", les manipulations vont différer :

Téléchargez le zip puis dézippez-le ou clonez le dépôt ubuntu-change-gdm-background (GitHub).

L'aide d'utilisation des scripts se trouve dans le fichier README.md ou sur la page du dépôt ci-dessus.

Vous pouvez lancer le script sans paramètre, alors, si vous possédez yad ou zenity ils pourront être utilisés pour sélectionner l'image via une boîte de dialogue graphique. Ainsi, il suffit de lancer la commande avec sudo :

sudo ./gdm-change-ubuntu20.04

Cette version utilise l'outil de boîtes de dialogue yad installez-le pour utiliser le script.

Sur l'écran de connexion il y a un filigrane/logo "Ubuntu". Il peut être caché avec l'option cache-filigrane.

sudo ./gdm-change-ubuntu20.04 --cache-filigrane

L'image sera redemandée, vous pouvez refuser et aucun changement d'arrière-plan ne sera effectué.

Comment enlever le logo ubuntu de l'écran de connexion (en).

Une sauvegarde de l'ancienne configuration est réalisée, pour la restaurer utilisez le même script que vous avez utilisé et ajoutez l'option restore.

sudo ./gdm-change-ubuntu20.04 --restore

Par défaut, l'image utilisée par gdm est l'image noise-texture.png du thème principal (par exemple /usr/share/gnome-shell/theme/Yaru/). Il est possible de la remplacer par une autre, renommée (en mode administrateur. Avec Wayland, vous pouvez accéder aux privilèges d'administration dans Nautilus en faisant précéder le chemin de "admin:") noise-texture.png et placée dans le répertoire du thème d'origine mais il est tout à fait possible de pointer vers une autre image présente sur le disque.

Dans l'hypothèse où vous décidez de ne pas modifier noise-texture.png, passez à l'étape suivante une fois repérée l'image choisie (au format png comme rappelé ci-dessus) et son chemin.

Pour personnaliser l'affichage, vous devez intervenir en en tant qu'administrateur dans le fichier css de gdm. Suivant les versions d'Ubuntu, il peut s'agir de :

Avant toute intervention, réalisez une copie de secours du fichier css d'origine. En cas de problème, vous pourrez ainsi rétablir le système dans son état d'origine :

sudo cp /etc/alternatives/gdm3.css /etc/alternatives/gdm3.css.anc

Vous devez éditer (avec un éditeur de texte, vim pour les amateurs de la ligne de commande mais gedit fait aussi bien les choses en mode graphique avec

gedit admin:///etc/alternatives/gdm3.css

le fichier css pour faire correspondre (en remplaçant /usr/share/backgrounds/Aardvark_Wallpaper_Grey_4096x2304.png par le chemin absolu de l'image que vous avez choisie, ou par /usr/share/gnome-shell/theme/noise-texture.png si vous avez choisi de remplacer ce fichier par le votre) la section #lockDialogGroup à :

#lockDialogGroup {
  background: #2c001e url(file:///usr/share/backgrounds/Aardvark_Wallpaper_Grey_4096x2304.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

Si l'option "cover" ne vous convient pas (image trop déformée),vous devrez sans doute spécifier la résolution de GDM - ce n'est pas forcément celle de l'image - avec le paramètre ci-dessous à intégrer dans la section #lockDialogGroup (bien sûr, [WIDTH] et [HEIGHT] sont à remplacer par vos valeurs) :

background-size: [WIDTH]px [HEIGHT]px;

Exemple de résultat obtenu (GDM 3.24)

Depuis la version GNOME 3.16, les thèmes de GNOME Shell (et donc de GDM) sont par défaut stockés dans des fichiers binaires (au format gresource)²⁾. On va extraire le thème de ce fichier, le modifier, puis le recompiler.

Pour extraire le thème par défaut, vous pouvez utiliser le script extractgst.sh suivant :

#!/bin/bash
 
rsrc='gnome-shell-theme.gresource'
gst="/usr/share/gnome-shell/$rsrc"
 
workdir="$HOME/shell-theme/theme"
xmlFile="$workdir/$rsrc.xml"
 
test -d "$workdir" || mkdir -p "$workdir"
 
cat <<eof >"$xmlFile" 
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/org/gnome/shell/theme">
eof
 
while read -r file
do
    filename="$(echo $file | sed 's%/org/gnome/shell/theme/%%g')"
    echo "  	<file>$filename</file>" >>"$xmlFile"
    mkdir -p "$workdir/$(dirname $filename)"
    gresource extract "$gst" "$file" >"$workdir/$filename"
done < <(gresource list "$gst")
 
cat <<eof >>"$xmlFile"
  </gresource>
</gresources>
eof

Exécutez ce script.

Après avoir exécuté le script, ouvrez le répertoire shell-theme créé dans votre dossier personnel. Vous devriez y trouver, dans un dossier theme, les fichiers du thème qui ont été extraits.

Renommer votre image de fond d'écran en noise-texture.png, puis copiez-la dans le dossier shell-theme (écrasez l'ancienne version).

Ensuite, toujours dans ce répertoire, vous pouvez vérifier que le fichier gnome-shell-theme.gresource.xml correspond au contenu suivant :

<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/org/gnome/shell/theme">
    <file>calendar-arrow-left.svg</file>
    <file>calendar-arrow-right.svg</file>
    <file>calendar-today.svg</file>
    <file>checkbox-focused.svg</file>
    <file>checkbox-off-focused.svg</file>
    <file>checkbox-off.svg</file>
    <file>checkbox.svg</file>
    <file>close-window.svg</file>
    <file>close.svg</file>
    <file>corner-ripple-ltr.png</file>
    <file>corner-ripple-rtl.png</file>
    <file>dash-placeholder.svg</file>
    <file>filter-selected-ltr.svg</file>
    <file>filter-selected-rtl.svg</file>
    <file>gnome-shell.css</file>
    <file>gnome-shell-high-contrast.css</file>
    <file>logged-in-indicator.svg</file>
    <file>more-results.svg</file>
    <file>no-events.svg</file>
    <file>no-notifications.svg</file>
    <file>noise-texture.png</file>
    <file>page-indicator-active.svg</file>
    <file>page-indicator-inactive.svg</file>
    <file>page-indicator-checked.svg</file>
    <file>page-indicator-hover.svg</file>
    <file>process-working.svg</file>
    <file>running-indicator.svg</file>
    <file>source-button-border.svg</file>
    <file>summary-counter.svg</file>
    <file>toggle-off-us.svg</file>
    <file>toggle-off-intl.svg</file>
    <file>toggle-on-hc.svg</file>
    <file>toggle-on-us.svg</file>
    <file>toggle-on-intl.svg</file>
    <file>ws-switch-arrow-up.png</file>
    <file>ws-switch-arrow-down.png</file>
  </gresource>
</gresources>

Ouvrez le fichier gnome-shell.css pour vérifier que la section #lockDialogGroup correspond bien à :

#lockDialogGroup {
  background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png);
  background-repeat: no-repeat;
}

Vous devrez sans doute spécifier la résolution de GDM - ce n'est pas forcément celle de l'image - avec le paramètre ci-dessous à ajouter à la section #lockDialogGroup (bien sûr, [WIDTH] et [HEIGHT] sont à remplacer par vos valeurs) :

background-size: [WIDTH]px [HEIGHT]px;

Enfin, ouvrez un terminal pour recompiler votre thème avec les commandes suivantes (libglib2.0-dev doit être installé) :

cd ~/shell-theme/theme/
glib-compile-resources gnome-shell-theme.gresource.xml

<file>more-results.svg</file>

Il ne vous reste plus qu'à déplacer vers /usr/share/gnome-shell le fichier gnome-shell-theme.gresource qui vient de se créer.

cp /usr/share/gnome-shell/gnome-shell-theme.gresource ~/shell-theme/gnome-shell-theme.gresource.old

sudo mv ~/shell-theme/theme/gnome-shell-theme.gresource /usr/share/gnome-shell

• (fr) Documentation sur GDM pour la personnalisation,
• (en) Site officiel
• GDM
• (en) À propos du thème par défaut à partir de 17.10
• (en) How To Change GDM Login Screen Background In Ubuntu
• (en) How to Change Login Screen Background in Ubuntu 17.10
• (en) Ubuntu 17.10 – Change login Background

Contributeurs principaux : J5012, claudiux, deobs, roschan, Amiralgaby , …