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 Prochaine révision Les deux révisions suivantes | ||
tutoriel:changer_arriere_plan_gdm [Le 10/06/2019, 20:12] zococo [Le fichier CSS] |
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 |
||
---|---|---|---|
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]]. | ||
Ligne 54: | Ligne 53: | ||
| [[: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. | | ||
Ligne 79: | Ligne 78: | ||
==== Un script pour automatiser la modification de l'écran de connexion ==== | ==== 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. | + | [[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)]]. |
- | <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.... | + | |
- | ################################################################## | + | |
- | #---------------------------------------------------# | + | L'aide d'utilisation des scripts se trouve dans le fichier README.md ou sur la page du dépôt ci-dessus. |
- | # Step 0 - Credits .... | + | |
- | #---------------------------------------------------# | + | |
- | /bin/echo -e "\e[1;32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m" | + | === Ubuntu 20.04+ === |
- | /bin/echo -e "\e[1;32mModification-fond-d-ecran-Gdm-1.0.sh\e[0m" | + | 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. |
- | /bin/echo -e "\e[1;32mwritten by Griffon - December 2017 - Version 1.0 - Modification-fond-d-ecran-Gdm-1.0.sh\e[0m" | + | Ainsi, il suffit de lancer la commande avec sudo : |
- | /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" | + | sudo ./gdm-change-ubuntu20.04+ |
- | /bin/echo -e "\e[1;32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m" | + | |
- | echo | + | |
- | #---------------------------------------------------# | + | === Ubuntu 18.04+ === |
- | # Step 1 - Choix de l'image retenue.... | + | Cette version utilise l'outil de boîtes de dialogue [[:yad]] installez-le pour utiliser le script. |
- | #---------------------------------------------------# | + | |
- | echo | + | === Cacher le filigrane === |
- | /bin/echo -e "\e[1;32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m" | + | Sur l'écran de connexion il y a un filigrane/logo "Ubuntu".\\ |
- | /bin/echo -e "\e[1;32mChoix du fond d'écran...En cours\e[0m" | + | Il peut être caché avec l'option ''cache-filigrane''. |
- | /bin/echo -e "\e[1;32m!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\e[0m" | + | sudo ./gdm-change-ubuntu20.04+ --cache-filigrane |
- | echo | + | |
- | pix=$(zenity --file-selection --title="Choisissez le nouveau fond d'écran de la fenêtre de connexion") | + | 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)**. | ||
- | # get just name of the file | + | === Restauration de l'ancien thème === |
- | fname=$(basename $pix) | + | 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 | ||
- | 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 114: | ||
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. | ||
Ligne 189: | Ligne 157: | ||
=== Le fichier XML === | === Le fichier XML === | ||
- | Ensuite vous devez créer, toujours dans ce répertoire, le fichier ''gnome-shell-theme.gresource.xml'' avec le contenu suivant : | + | Ensuite, toujours dans ce répertoire, vous pouvez vérifier que le fichier ''gnome-shell-theme.gresource.xml'' correspond au 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 269: | Ligne 237: | ||
===== Redémarrer ===== | ===== Redémarrer ===== | ||
- | + | Pour que les modifications prennent effet vous pouvez aux choix : | |
- | Les modifications prendront effet au redémarrage de l'ordinateur. | + | * redémarrer gdm3 <code>systemctl restart gdm3</code> |
+ | * redémarrer l'ordinateur <code>reboot</code> | ||
===== Voir aussi ===== | ===== Voir aussi ===== | ||
Ligne 284: | Ligne 253: | ||
---- | ---- | ||
- | //Contributeurs principaux : [[:utilisateurs:J5012]], [[:utilisateurs:claudiux]], [[:utilisateurs:deobs]], [[:utilisateurs/roschan]] | + | //Contributeurs principaux : [[:utilisateurs:J5012]], [[:utilisateurs:claudiux]], [[:utilisateurs:deobs]], [[:utilisateurs/roschan]], [[:utilisateurs:Amiralgaby]] |
, ...// | , ...// | ||