Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Dernière révision Les deux révisions suivantes | ||
tutoriel:changer_arriere_plan_gdm [Le 10/06/2019, 21:15] zococo [Un script pour automatiser la modification de l'écran de connexion] |
tutoriel:changer_arriere_plan_gdm [Le 11/09/2022, 12:26] moths-art Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892) |
||
---|---|---|---|
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 : | ||
- | ^ 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 | | | + | | [[: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/ | |
- | | [[: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]] | /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 |
+ | 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 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>&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 - 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 "/etc/alternatives/gdm3.css.anc" ]]; then # Conservation de toutes les versions du fichier modifié | ||
- | sudo cp /etc/alternatives/gdm3.css /etc/alternatives/gdm3.css.anc | ||
- | else | ||
- | i=0 | ||
- | while [[ ! -e "/etc/alternatives/gdm3.css.anc$i" ]]; do | ||
- | let "i+=1" | ||
- | done | ||
- | 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 5 - 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. | ||
===== Si votre GDM est gris-bleu ===== | ===== Si votre GDM est gris-bleu ===== | ||
Ligne 203: | 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 288: | 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 294: | 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 305: | 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 317: | Ligne 243: | ||
* **(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)** [[https://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]] | * **(en)** [[http://c-nergy.be/blog/?p=11550|Ubuntu 17.10 – Change login Background]] | ||
---- | ---- | ||
- | //Contributeurs principaux : [[:utilisateurs:J5012]], [[:utilisateurs:claudiux]], [[:utilisateurs:deobs]], [[:utilisateurs/roschan]] | + | //Contributeurs principaux : [[:utilisateurs:J5012]], [[:utilisateurs:claudiux]], [[:utilisateurs:deobs]], [[:utilisateurs/roschan]], [[:utilisateurs:Amiralgaby]] |
, ...// | , ...// | ||