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 10/06/2019, 20:12]
zococo [Le fichier CSS]
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 54: Ligne 83:
 |  [[:​18.04]] ​ | /​etc/​alternatives/​gdm3.css ​ |   | |  [[:​18.04]] ​ | /​etc/​alternatives/​gdm3.css ​ |   |
 |  [[:​18.10]] ​ | /​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/ ​ |+|  [[:​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. ​  | |  [[:​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 ''​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.... 
-##################################################################​ 
  
-#​---------------------------------------------------#​ 
-# Step 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 
- 
-#​---------------------------------------------------#​ 
-# Step 1 - 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) 
- 
-echo $fname 
- 
-#​---------------------------------------------------#​ 
-# Step 2 - Copie du fichier 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 /​usr/​share/​backgrounds/​ 
- 
-#​---------------------------------------------------#​ 
-# Step 3 - Update the ubuntu.css file 
-#​---------------------------------------------------#​ 
- 
-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 
- 
-sudo cp /​etc/​alternatives/​gdm3.css ​ //​etc/​alternatives/​gdm3.css.anc 
-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 ​ 
- 
-#​---------------------------------------------------#​ 
-# Step 4 - Inviter 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 ... à la condition de ne faire tourner le script qu'une seule fois ! 
 ===== Si votre GDM est gris-bleu ===== ===== Si votre GDM est gris-bleu =====
  
Ligne 165: 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 250: 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 256: 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 267: 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 284: 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.1560190370.txt.gz
  • Dernière modification: Le 10/06/2019, 20:12
  • par zococo