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 23/06/2019, 13:39]
zococo [Un script pour automatiser la modification de l'écran de connexion]
tutoriel:changer_arriere_plan_gdm [Le 15/08/2021, 10:59] (Version actuelle)
Amiralgaby mise en avant du GDM 3.36
Ligne 1: Ligne 1:
-{{tag>Xenial ​fenêtre_de_connexion GNOME tutoriel}}+{{tag>Focal Bionic ​fenêtre_de_connexion GNOME tutoriel}}
  
 ---- ----
Ligne 20: Ligne 20:
  
 ===== Pré-requis ===== ===== Pré-requis =====
- +Ubuntu ​avec [[:GNOME]] en tant que gestionnaire de fenêtre.
-Ce tutoriel a été écrit et testé à partir d'​installations d'Ubuntu ​17.04 et 17.10 (GNOME Shell 3.24 et 3.26), les versions plus anciennes pourraient rencontrer des problèmes.+
  
 Les **droits d'​administrations** seront nécessaires afin d'​utiliser la commande [[:sudo]]. 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. 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.
 +
 +<​note>​Pour connaître votre version de GDM tapez dans un [[:​terminal]]:​ <​code>​gdm3 --version</​code></​note>​
  
 ===== Remarques à propos du thème utilisé ===== ===== Remarques à propos du thème utilisé =====
Ligne 36: Ligne 37:
  
 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 :
 +
 +===== 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 ===== ===== Si votre GDM est violet-orange =====
Ligne 47: Ligne 75:
  
 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 :
Ligne 58: Ligne 87:
  
 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 ''​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''​ à  :
Ligne 78: Ligne 105:
 <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 ==== 
-Un ubuntero belge propose sur son [[http://​c-nergy.be/​blog/?​p=11556|site]] en anglais un script permettant d'​automatiser ces modifications en mode graphique. Le script utilise le paquet [[:​zenity|zenity]] pour fonctionner. 
-<​code>​ 
-################################################################​ 
-# Script_Name : Modification-fond-d-ecran-Gdm-1.0.sh 
-# Description : Personnalisation du fond d'​écran de la fenêtre de connexion de GDM sur Ubuntu 19.04 
-# Date : December 2017 
-# écrit par : Griffon (traduit en français et un peu revu lors de sa publication sur le site ubuntu-fr.org) 
-# Web Site :​http://​www.c-nergy.be - http://​www.c-nergy.be/​blog 
-# Version : 1.0 
-# Remarque importante : Ce script est mis à disposition sans aucune garantie, à utiliser à vos risques et périls.... 
-##################################################################​ 
  
- 
-#​---------------------------------------------------#​ 
-# Étape 0 - Credits ....  
-#​---------------------------------------------------#​ 
- 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-/bin/echo -e "​\e[1;​32mModification-fond-d-ecran-Gdm-1.0.sh\e[0m"​ 
-/bin/echo -e "​\e[1;​32mwritten by Griffon - December 2017 - Version 1.0 - Modification-fond-d-ecran-Gdm-1.0.sh\e[0m"​ 
-/bin/echo -e "​\e[1;​32mTraduit en français et un peu revu lors de sa publication sur le site ubuntu-fr.org\e[0m"​ 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-echo 
- 
-#​---------------------------------------------------#​ 
-# Étape 1 - Vérification de la présence du paquet zenity 
-#​---------------------------------------------------#​ 
-if [[ $(dpkg -s zenity 2>/​dev/​null | grep Status | cut -d' ' -f4) != "​installed"​ ]];  
-  zenity --error --title="​Installez le paquet zenity"​ --text="​Le paquet <​b>​zenity</​b>​ est nécessaire au bon fonctionnement de ce script.\n\nInstallez le paquet par <​b>​sudo apt-get install zenity</​b>​\n\nArrêt du traitement"​ --width=400 
-  exit 10; 
-fi 
-#​---------------------------------------------------#​ 
-# Étape 2 - Choix de l'​image retenue.... ​ 
-#​---------------------------------------------------#​ 
- 
-echo 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-/bin/echo -e "​\e[1;​32mChoix du fond d'​écran...En cours\e[0m"​ 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-echo 
- 
-pix=$(zenity --file-selection --title="​Choisissez le nouveau fond d'​écran de la fenêtre de connexion"​) 
- 
-# get just name of the file  
-fname=$(basename $pix) 
- 
-repDest="/​usr/​share/​background/"​ 
- 
-if [[ -e "​$repDest$fname"​ ]]; then  # Si une image du même nom existe déjà dans le répertoire de destination 
- 
-  NvNom=$(zenity --entry --title="​Le fichier image existe déjà"​ --text="​Une image portant le nom $fname existe déjà dans le répertoire $repDest.\n Saisissez un nouveau nom :"​); ​ 
-  ​ 
-  while [[ "​${NvNom:​ -3}" == "​${fname:​ -3}" ]]; do 
-  ​ 
-    NomPropose="​${NvNom:​0:​ -3}${fname: -3}"; 
-    zenity --question --text="​Saisie incorrecte. Acceptez vous le nom suivant : \n<​b>​$NomPropose</​b>"​ --title="​Erreur de suffixe. Modification du nom du fichier image" --width=400 
-    ​ 
-    if [[ "​$?"​ != "​0"​ ]]; then 
-      exit 20 ; 
-    else 
-      NvNom="​$NomPropose"​ 
-    fi 
-    ​ 
-  done 
-  ​ 
-  fname="​$NvNom"​ 
-  ​ 
-fi 
- 
-echo $fname 
- 
-#​---------------------------------------------------#​ 
-# Étape 3 - Copie du fichier image dans le répertoire /​usr/​share/​background 
-#​---------------------------------------------------#​ 
- 
-echo 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-/bin/echo -e "​\e[1;​32mCopie du fichier dans le répertoire /​usr/​share/​background....En cours\e[0m"​ 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-echo 
- 
-sudo cp "​$pix"​ "​$repDest$fname"​ 
- 
-#​---------------------------------------------------#​ 
-# Étape 4 - Choix du fichier css 
-#​---------------------------------------------------#​ 
- 
-fichierCSS=$(zenity --title "Choix du fichier .css à modifier"​ --width 500 --height 200 --list ​ --text "​Selectionner le fichier .css à modifier : " --radiolist ​ --column "​Choix"​ --column "​Chemin complet"​ TRUE " /​etc/​alternatives/​gdm3.css"​ FALSE "/​usr/​share/​gnome-shell/​theme/​gdm3.css"​ FALSE "/​usr/​share/​gnome-shell/​theme/​Yaru/​gdm3.css"​ FALSE "/​usr/​share/​gnome-shell/​theme/​gnome-shell.css"​) 
- 
-#​---------------------------------------------------#​ 
-# Étape 5 - Mise à jour du fichier css 
-#​---------------------------------------------------#​ 
- 
-echo 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-/bin/echo -e "​\e[1;​32mMise à jour du fichier gdm3.css....En cours\e[0m"​ 
-/bin/echo -e "​\e[1;​32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m"​ 
-echo 
- 
-if [[ ! -e "​$fichierCSS""​.anc"​ ]]; then   # ​ Conservation de toutes les versions du fichier modifié 
-   sudo cp "​$fichierCSS" ​ "​$fichierCSS""​.anc"​ 
-else 
-   i=0 
-   while [[ ! -e ""​$fichierCSS""​.anc""​$i"​ ]]; do 
-     let "​i+=1"​ 
-   done 
-      sudo cp "​$fichierCSS" ​ "​$fichierCSS""​.anc""​$i"​ 
-fi 
-sudo sed -i "/#​lockDialogGroup/​a background: #2c001e url(file:///​usr/​share/​backgrounds/​${fname});​\nbackground-repeat:​ no-repeat;​\nbackground-size:​ cover;​\nbackground-position:​ center;​\n}\nGriffonToDel"​ /​etc/​alternatives/​gdm3.css  ​ 
-sudo sed -i '/​GriffonToDel/,​+2d'​ /​etc/​alternatives/​gdm3.css ​ 
- 
-#​---------------------------------------------------#​ 
-# Étape 6 - Invite de l'​utilisateur à réinitialiser le système 
-#​---------------------------------------------------#​ 
- 
-echo 
-echo "Vous devez redémarrer votre appareil pour voir les effets de la mise à jour....:​-)"​ 
-echo 
-</​code>​ 
-Une copie de sauvegarde du fichier sauvegardé est réalisée. 
 ===== Si votre GDM est gris-bleu ===== ===== Si votre GDM est gris-bleu =====
  
Ligne 210: Ligne 117:
 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 :
  
-<file bash>#​!/​bin/​sh+<code bash>#​!/​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
  
-workdir=${HOME}/​shell-theme +</code>
-if [ ! -d ${workdir}/​theme ]; then +
-  mkdir -p ${workdir}/​theme +
-fi +
-gst=/​usr/​share/​gnome-shell/​gnome-shell-theme.gresource +
- +
-for r in `gresource list $gst`; do +
-        gresource extract $gst $r >​$workdir/​${r#​\/​org\/​gnome\/​shell/​} +
-done</file>+
  
 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 ​vous devez créer, toujours dans ce répertoire,​ le fichier ''​gnome-shell-theme.gresource.xml'' ​avec le contenu suivant :+
  
 <​code><?​xml version="​1.0"​ encoding="​UTF-8"?>​ <​code><?​xml version="​1.0"​ encoding="​UTF-8"?>​
Ligne 295: Ligne 218:
 === Compiler === === Compiler ===
  
-Enfin, ouvrez un terminal pour recompiler votre thème avec les commandes suivantes :+Enfin, ouvrez un terminal pour recompiler votre thème avec les commandes suivantes ​(libglib2.0-dev doit être installé) ​:
 <​code>​cd ~/​shell-theme/​theme/​ <​code>​cd ~/​shell-theme/​theme/​
 glib-compile-resources gnome-shell-theme.gresource.xml</​code>​ glib-compile-resources gnome-shell-theme.gresource.xml</​code>​
Ligne 301: Ligne 224:
 <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>​
Ligne 312: Ligne 235:
 </​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 ===== 
- 
-Les modifications prendront effet au redémarrage de l'​ordinateur. 
  
 ===== Voir aussi ===== ===== Voir aussi =====
Ligne 329: Ligne 248:
 ---- ----
  
-//​Contributeurs principaux : [[:​utilisateurs:​J5012]],​ [[:​utilisateurs:​claudiux]],​ [[:​utilisateurs:​deobs]],​ [[:​utilisateurs/​roschan]]+//​Contributeurs principaux : [[:​utilisateurs:​J5012]],​ [[:​utilisateurs:​claudiux]],​ [[:​utilisateurs:​deobs]],​ [[:​utilisateurs/​roschan]], [[:​utilisateurs:​Amiralgaby]]
 , ...// , ...//
  
  • tutoriel/changer_arriere_plan_gdm.1561289973.txt.gz
  • Dernière modification: Le 23/06/2019, 13:39
  • par zococo