Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
tutoriel:changer_arriere_plan_gdm [Le 06/07/2021, 21:56]
Amiralgaby [Un script pour automatiser la modification de l'écran de connexion] ajout de l'option pour cacher le filigrane + typo
tutoriel:changer_arriere_plan_gdm [Le 11/05/2025, 13:05] (Version actuelle)
Amiralgaby GDM 40 et supérieur
Ligne 1: Ligne 1:
-{{tag>​Focal ​Bionic ​fenêtre_de_connexion GNOME tutoriel}}+{{tag>Noble Focal fenêtre_de_connexion GNOME tutoriel}}
  
 ---- ----
Ligne 9: Ligne 9:
 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. 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.
  
-<note warning>​GDM n'a pas été conçu d'une manière facilement configurable. Les manipulations qui vont suivre sont par conséquent risquées pour votre système. Faites attention à :+===== Connaître sa version de GDM ===== 
 + 
 +exécutez la commande suivante 
 +  gdm3 --version 
 + 
 +===== Gnome 40 et supérieur (Ubuntu 24.04+) ===== 
 + 
 +Installez les paquets **[[apt>​gdm-settings,​libglib2.0-dev-bin]]** 
 +  sudo apt install gdm-settings libglib2.0-dev-bin 
 + 
 +Lancez gdm-settings. 
 + 
 +Dans l'​onglet "​Apparence",​ cliquer sur "​Type"​ pour choisir "​Image"​. 
 + 
 +Ensuite sélectionnez l'​image de fond d'​écran que vous souhaitez. 
 + 
 +==== Retirer/​changer le logo sur l'​écran de connexion ==== 
 + 
 +Dans l'​onglet "​Écran de connexion"​ basculer l'​option "​Activer le logo"​. 
 + 
 +Vous pouvez aussi choisir une image pour remplacer le logo. 
 + 
 +===== Gnome 3.x (Ubuntu < 24.04) ===== 
 +<note warning>​GDM ​version 3 n'a pas été conçu d'une manière facilement configurable. Les manipulations qui vont suivre sont par conséquent risquées pour votre système. Faites attention à :
   * Avoir sauvegardé une version originale des données que vous modifiez ;   * Avoir sauvegardé une version originale des données que vous modifiez ;
   * Avoir la version concernée par la partie que vous appliquez ;   * Avoir la version concernée par la partie que vous appliquez ;
Ligne 18: Ligne 41:
  
 Cette manipulation n'aura pas un rendu adapté sur les configurations avec plusieurs écrans.</​note>​ Cette manipulation n'aura pas un rendu adapté sur les configurations avec plusieurs écrans.</​note>​
 +<​note>​Il semble que les infos de cette page concerne la version Bionic 18.04 - voir [[https://​forum.ubuntu-fr.org/​viewtopic.php?​pid=22674056#​p22674056|ce message]] dans le forum\\
 +si vous cherchez à reconfigurer / réinitialiser GDM sur une 22.04 et ultérieure.</​note>​
  
-===== Pré-requis ​=====+==== Pré-requis ====
 Ubuntu avec [[:GNOME]] en tant que gestionnaire de fenêtre. Ubuntu avec [[:GNOME]] en tant que gestionnaire de fenêtre.
  
Ligne 26: Ligne 51:
 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. 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.
  
-===== Remarques à propos du thème utilisé ​=====+<​note>​Pour connaître votre version de GDM tapez dans un [[:​terminal]]:​ <​code>​gdm3 --version</​code></​note>​ 
 + 
 +==== Remarques à propos du thème utilisé ====
  
 À 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((https://​didrocks.fr/​2017/​09/​11/​ubuntu-gnome-shell-in-artful-day-11/​)). À 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((https://​didrocks.fr/​2017/​09/​11/​ubuntu-gnome-shell-in-artful-day-11/​)).
Ligne 36: Ligne 63:
 En fonction de si vous utilisez (ou non) un thème GDM "​violet-orange",​ les manipulations vont différer : En fonction de si vous utilisez (ou non) un thème GDM "​violet-orange",​ les manipulations vont différer :
  
-===== Si votre GDM est violet-orange ​=====+==== GDM 3.36 === 
 +=== Un script pour automatiser la modification de l'​écran de connexion === 
 +[[https://​github.com/​Amiralgaby/​ubuntu-change-gdm-background/​archive/​master.zip|Téléchargez le zip]] puis dézippez-le ou clonez le dépôt [[https://​github.com/​Amiralgaby/​ubuntu-change-gdm-background|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. 
 + 
 +== Ubuntu 20.04 == 
 +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 
 + 
 +== Ubuntu 18.04 == 
 +Cette version utilise l'​outil de boîtes de dialogue [[:yad]] installez-le pour utiliser le script. 
 + 
 +== Cacher le filigrane == 
 +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é. 
 +<​note>​Ce filigrane appartient au thème [[:​plymouth]] il n'​apparaîtra plus durant la phase de démarrage si elle est en mode graphique.</​note>​ 
 +[[https://​askubuntu.com/​questions/​1150894/​how-to-remove-change-ubuntu-logo-in-the-loging-page-ubuntu-19-04|Comment enlever le logo ubuntu de l'​écran de connexion]] **(en)**. 
 + 
 +== Restauration de l'​ancien thème == 
 +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 
 + 
 +==== Si votre GDM est violet-orange ====
  
 | {{ :​tutoriel:​gdm:​personnalisation-3-26.png?​direct&​600 |Exemple de résultat obtenu}} | | {{ :​tutoriel:​gdm:​personnalisation-3-26.png?​direct&​600 |Exemple de résultat obtenu}} |
 ^ Exemple de résultat obtenu (GDM 3.26) ^ ^ Exemple de résultat obtenu (GDM 3.26) ^
  
-==== L'​image ​====+=== L'​image ===
 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/​). 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. 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. 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.
-==== Le fichier CSS ====+ 
 +=== Le fichier CSS ===
 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 : 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 :
  
-^ Version ^ Nom du fichier ^ Remarque ^  +^ Version ^ Nom du fichier ^ Remarque ^ 
-|  [[:​17.10]] ​ | /​usr/​share/​gnome-shell/​theme/​ubuntu.css ​ |   | +|  [[:18.04]] | /​etc/​alternatives/​gdm3.css ​ |  |
-|  [[:​18.04]] ​ | /​etc/​alternatives/​gdm3.css  ​|   | +
-|  ​[[:​18.10]] ​ | /​etc/​alternatives/​gdm3.css ​ |   | +
-|  [[:​19.04]] ​ | /​etc/​alternatives/​gdm3.css ​ | Ce fichier est également accessible par un lien symbolique dans le répertoire /​usr/​share/​gnome-shell/​theme/​ voire /​usr/​share/​gnome-shell/​theme/​Yaru/ ​ | +
-|  [[:​19.04]] ​ | /​usr/​share/​gnome-shell/​theme/​gnome-shell.css | Selon les versions et les configurations,​ il faudra soit modifier ce fichier, soit le fichier gdm3.css. Testez les deux options. ​  |+
  
 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 : 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 :
-<​code>​ +  ​sudo cp /​etc/​alternatives/​gdm3.css /​etc/​alternatives/​gdm3.css.anc
-usr@pc:​~$ ​sudo cp /​etc/​alternatives/​gdm3.css /​etc/​alternatives/​gdm3.css.anc +
-</​code>​+
  
-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 ''​sudo -H gedit /​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''​ à  :+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''​ à  :
  
 <file css>#​lockDialogGroup { <file css>#​lockDialogGroup {
Ligne 77: Ligne 128:
 <file css>​background-size:​ [WIDTH]px [HEIGHT]px;</​file>​ <file css>​background-size:​ [WIDTH]px [HEIGHT]px;</​file>​
  
-==== Un script pour automatiser la modification de l'​écran de connexion ==== 
-[[https://​github.com/​Amiralgaby/​ubuntu-change-gdm-background/​archive/​master.zip|Téléchargez le zip]] puis dézippez-le ou clonez le dépôt [[https://​github.com/​Amiralgaby/​ubuntu-change-gdm-background|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. 
- 
-=== Ubuntu 20.04+ === 
-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+ 
- 
-=== Ubuntu 18.04+ === 
-Cette version utilise l'​outil de boîtes de dialogue [[:yad]] installez-le pour utiliser le script. 
- 
-=== Cacher le filigrane === 
-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é. 
-<​note>​Ce filigrane appartient au thème [[:​plymouth]] il n'​apparaîtra plus durant la phase de démarrage si elle est en mode graphique.</​note>​ 
-[[https://​askubuntu.com/​questions/​1150894/​how-to-remove-change-ubuntu-logo-in-the-loging-page-ubuntu-19-04|Comment enlever le logo ubuntu de l'​écran de connexion]] **(en)**. 
- 
-=== Restauration de l'​ancien thème === 
-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 
  
-===== Si votre GDM est gris-bleu ​=====+==== Si votre GDM est gris-bleu ====
  
 | {{ :​tutoriel:​gdm:​personnalisation-3-24.png?​direct&​600 |Exemple de résultat obtenu}} | | {{ :​tutoriel:​gdm:​personnalisation-3-24.png?​direct&​600 |Exemple de résultat obtenu}} |
Ligne 110: Ligne 136:
 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)((Ce comportement n'est pas présent avec la session "​Ubuntu",​ mais il impacte les sessions "​GNOME",​ notamment dans feu [[:Ubuntu GNOME]].)). On va extraire le thème de ce fichier, le modifier, puis le recompiler. 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)((Ce comportement n'est pas présent avec la session "​Ubuntu",​ mais il impacte les sessions "​GNOME",​ notamment dans feu [[:Ubuntu GNOME]].)). On va extraire le thème de ce fichier, le modifier, puis le recompiler.
  
-==== Extraire le thème utilisé ​====+=== Extraire le thème utilisé ===
  
 Pour extraire le thème par défaut, vous pouvez utiliser le script ''​extractgst.sh''​ suivant : Pour extraire le thème par défaut, vous pouvez utiliser le script ''​extractgst.sh''​ suivant :
Ligne 147: Ligne 173:
 Exécutez ce script. Exécutez ce script.
  
-==== Modifier le thème ===+=== Modifier le thème ===
 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. 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.
  
-=== L'​image ==+== L'​image ==
 Renommer votre image de fond d'​écran en ''​noise-texture.png'',​ puis copiez-la dans le dossier ''​shell-theme''​ (écrasez l'​ancienne version). Renommer votre image de fond d'​écran en ''​noise-texture.png'',​ puis copiez-la dans le dossier ''​shell-theme''​ (écrasez l'​ancienne version).
  
-=== Le fichier XML ==+== Le fichier XML ==
 Ensuite, toujours dans ce répertoire,​ vous pouvez vérifier que le fichier ''​gnome-shell-theme.gresource.xml''​ correspond au contenu suivant : Ensuite, toujours dans ce répertoire,​ vous pouvez vérifier que le fichier ''​gnome-shell-theme.gresource.xml''​ correspond au contenu suivant :
  
Ligne 216: Ligne 239:
 <file css>​background-size:​ [WIDTH]px [HEIGHT]px;</​file>​ <file css>​background-size:​ [WIDTH]px [HEIGHT]px;</​file>​
  
-=== Compiler ​===+== Compiler ==
  
 Enfin, ouvrez un terminal pour recompiler votre thème avec les commandes suivantes (libglib2.0-dev doit être installé) : Enfin, ouvrez un terminal pour recompiler votre thème avec les commandes suivantes (libglib2.0-dev doit être installé) :
Ligne 224: Ligne 247:
 <note help> <note help>
 Si la compilation renvoie une erreur à propos de ''​more-results.svg'',​ retirez la ligne suivante du fichier XML précédemment créé : Si la compilation renvoie une erreur à propos de ''​more-results.svg'',​ retirez la ligne suivante du fichier XML précédemment créé :
-<​code> ​   <​file>​more-results.svg</​file></​code>​+<​code><​file>​more-results.svg</​file></​code>​
 Puis recompilez. Puis recompilez.
 </​note>​ </​note>​
  
-==== Mettre le thème en place ====+=== Mettre le thème en place ===
  
 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. 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.
Ligne 235: Ligne 258:
 </​note>​ </​note>​
 <​code>​sudo mv ~/​shell-theme/​theme/​gnome-shell-theme.gresource /​usr/​share/​gnome-shell</​code>​ <​code>​sudo mv ~/​shell-theme/​theme/​gnome-shell-theme.gresource /​usr/​share/​gnome-shell</​code>​
- 
-===== Redémarrer ===== 
-Pour que les modifications prennent effet vous pouvez aux choix : 
-  * redémarrer gdm3 <​code>​systemctl restart gdm3</​code>​ 
-  * redémarrer l'​ordinateur <​code>​reboot</​code>​ 
  
 ===== Voir aussi ===== ===== Voir aussi =====
Ligne 248: Ligne 266:
   * **(en)** [[https://​didrocks.fr/​2017/​09/​11/​ubuntu-gnome-shell-in-artful-day-11/​|À propos du thème par défaut à partir de 17.10]]   * **(en)** [[https://​didrocks.fr/​2017/​09/​11/​ubuntu-gnome-shell-in-artful-day-11/​|À propos du thème par défaut à partir de 17.10]]
   * **(en)** [[https://​www.ostechnix.com/​how-to-change-gdm-login-screen-background-in-ubuntu/​|How To Change GDM Login Screen Background In Ubuntu]]   * **(en)** [[https://​www.ostechnix.com/​how-to-change-gdm-login-screen-background-in-ubuntu/​|How To Change GDM Login Screen Background In Ubuntu]]
-  * **(en)** [[http://​ubuntuhandbook.org/​index.php/​2017/​10/​change-login-screen-background-ubuntu-17-10/​|How to Change Login Screen Background in Ubuntu 17.10]] 
-  * **(en)** [[http://​c-nergy.be/​blog/?​p=11550|Ubuntu 17.10 – Change login Background]] 
  
 ---- ----
  • tutoriel/changer_arriere_plan_gdm.1625601411.txt.gz
  • Dernière modification: Le 06/07/2021, 21:56
  • par Amiralgaby