Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

20.04: Changement fond d'écran de lancement & de connexion

biokiller16

Bonjour à tous,

Comme certains j'ai installé la nouvelle version ce jour, et je suis en cours de paramétrage de mon environnement de bureau. Je dois être efficace car mon pc me sert à gérer mon entreprise, cependant j'aime bien personnaliser mon environnement. 😃

Donc comme j'avais pu faire sur 19.04 j'ai changé le fond d'écran lors dur lancement d'ubuntu et du gestionnaire de connexion. Cependant je n'arrive plus à retrouver comment faire.

Quelqu'un sait t'il quel technique utiliser?

Merci beaucoup à vous par avance.

Nor'blette from La ferme ô VR

yo57

je cherche depuis un moment pas encore trouvé, le fichier de config GDM à l'air compilé il faut donc sans doute un outil ; je ne comprend pas pourquoi ils n'ajouter pas ça dans la config des fonds d'écran; depuis le temps

michcauch

Bonjour,
Il faut installer "Ajustements" qui est indispensable pour la gestion du bureau Gnome 3.
Le changement de fond d'écran est dans la rubrique apparence.

Roschan

L'écran de connexion étant par nature affiché et géré par aucun utilisateur, c'est assez compliqué de l'intégrer aux paramètres d'un utilisateur...

D'autant que c'est une partie très sensible en termes de sécurité, et en autoriser la modification "facilement" est donc très risqué. Sachant qu'on le voit 3 secondes par jour, personne parmi les responsables de cette partie du système n'a été particulièrement intéressé à l'idée de prendre un tel risque pour si peu de bénéfice. Remarque que ça reste techniquement possible, et même si il est sans doute obsolète, j'avais écrit un tuto pour faire cette manip dans le wiki

Edit : quelqu'un l'a un peu mis à jour... mais maintenant il est mal structuré et totalement incompréhensible, avec des centaines de lignes de bash dénuées d'explications qui obstruent la lecture de la page. Version 2017 : https://doc.ubuntu-fr.org/tutoriel/changer_arriere_plan_gdm?rev=1508499805 Version actuelle (testée en février, je suppose sur GNOME 3.34) : https://doc.ubuntu-fr.org/tutoriel/changer_arriere_plan_gdm
Pour 3.36, à toi de voir si ça marche ou pas

michcauch a écritBonjour,
Il faut installer "Ajustements" qui est indispensable pour la gestion du bureau Gnome 3.
Le changement de fond d'écran est dans la rubrique apparence.

Non, s'il te plaît informe toi avant de répondre, tu racontes littéralement n'importe quoi. Ce dont tu parles c'est l'écran de verrouillage sur les versions 17.10 à 19.10, et ça se gère très bien sans "Ajustements", c'était au contraire affiché de manière énorme dans les paramètres système. Et ça n'existe plus sur 20.04 (la valeur proposée dans "Ajustements" est obsolète et n'a aucun effet) puisque maintenant l'écran de verrouillage est une version lourdement floutée du fond d'écran de l'utilisateur.

biokiller16

michcauch a écritBonjour,
Il faut installer "Ajustements" qui est indispensable pour la gestion du bureau Gnome 3.
Le changement de fond d'écran est dans la rubrique apparence.

Merci pour ta réponse michcauch,

Cependant je parle de l'écran de progression quand ton ubuntu se lance au démarrage et celui de l'écran de login.

J'avais réussi à le faire sur 19.04, mais je n'ai pas retrouvé comment je m'y était pris.

biokiller16

Roschan a écritL'écran de connexion étant par nature affiché et géré par aucun utilisateur, c'est assez compliqué de l'intégrer aux paramètres d'un utilisateur...

D'autant que c'est une partie très sensible en termes de sécurité, et en autoriser la modification "facilement" est donc très risqué. Sachant qu'on le voit 3 secondes par jour, personne parmi les responsables de cette partie du système n'a été particulièrement intéressé à l'idée de prendre un tel risque pour si peu de bénéfice. Remarque que ça reste techniquement possible, et même si il est sans doute obsolète, j'avais écrit un tuto pour faire cette manip dans le wiki

Edit : quelqu'un l'a un peu mis à jour... mais maintenant il est mal structuré et totalement incompréhensible, avec des centaines de lignes de bash dénuées d'explications qui obstruent la lecture de la page. Version 2017 : https://doc.ubuntu-fr.org/tutoriel/changer_arriere_plan_gdm?rev=1508499805 Version actuelle (testée en février, je suppose sur GNOME 3.34) : https://doc.ubuntu-fr.org/tutoriel/changer_arriere_plan_gdm
Pour 3.36, à toi de voir si ça marche ou pas

michcauch a écritBonjour,
Il faut installer "Ajustements" qui est indispensable pour la gestion du bureau Gnome 3.
Le changement de fond d'écran est dans la rubrique apparence.
Non, s'il te plaît informe toi avant de répondre, tu racontes littéralement n'importe quoi. Ce dont tu parles c'est l'écran de verrouillage sur les versions 17.10 à 19.10, et ça se gère très bien sans "Ajustements", c'était au contraire affiché de manière énorme dans les paramètres système. Et ça n'existe plus sur 20.04 (la valeur proposée dans "Ajustements" est obsolète et n'a aucun effet) puisque maintenant l'écran de verrouillage est une version lourdement floutée du fond d'écran de l'utilisateur.

Merci d'avoir pris du temps pour me répondre.

Oui, je suis bien tombé sur tes topics pendant mes recherches, mais, j'ai bien l'impression que ça ne fonctionne pas. Je vais réessayer.

Je comprends bien ce que tu dit sur le fait de l'utilité réel de faire cette action ou même de la rendre possible à l'utilisateur. Mais bon mon petit côté geek ressort sûrement.

Nor'blette

lynn

Bonjour,

Je me suis fait un petit script pour modifier le fond d'écran de l'écran de connexion de GDM. Il fonctionne bien sur Ubuntu 20.04.
Il y a besoin d'installer un paquet (libglib2.0-dev-bin) et il faut s'assurer que l'image qui servira de fond d'écran pour GDM soit placée au même endroit que le script et qu'elle soit renommer en : noise-texture.png.
J'ai fait en sorte que mon image soit dans le format PNG puisque le nom est noise-texture.png. Je suppose qu'on peut mettre du JPG mais dans ce cas, dans le script, il faut penser à changer le nom de l'extension dans la variable en fonction du format de votre image.

Si l'image a une extension en .jpg.
wallpaper=noise-texture.png
devient
wallpaper=noise-texture.jpg

Également, la taille de mon image est de 1920x1080px. Il est tout à fait possible d'en choisir une autre mais il faut penser à renseigner les valeurs souhaitées dans le script, vers le début dans la partie modified_part (par exemple : 1680 px 1050 px ou 1024 px 768 px etc).

J'ai appelé mon script custom_gdm3.sh. Ne pas oublier de le rendre exécutable (chmod +x custom_gdm3.sh). Il se lance en tant qu'utilisateur normal (non root) mais demandera une élévation des privilèges à la fin, pour copier les fichiers nécessaires dans les répertoires concernés, à savoir :
/usr/share/gnome-shell
/usr/share/gnome-shell/theme

ainsi que pour exécuter la commande
update-alternatives gdm3-theme.gresource

#!/bin/bash

## Add personal wallpaper to gdm3 login screen
## Tested with Ubuntu 20.04
## 
## Needs the following package : libglib2.0-dev-bin
#
if [ ! $(command -v glib-compile-resources) ]; then
 printf '%s\n' "The following package must be installed to continue : libglib2.0-dev-bin
You can run the following command to a terminal :
sudo apt install libglib2.0-dev-bin"; exit 1
fi   

workdir=${PWD}
wallpaper=noise-texture.png # Place your picture in ${wordir} and rename it to 'noise-texture.png'
gst=/usr/share/gnome-shell/gnome-shell-theme.gresource
css=gdm3.css
original_part="#lockDialogGroup {\n  background-color: #41494c; }"
modified_part="#lockDialogGroup {\n  background: #41494c url(file:///usr/share/gnome-shell/theme/${wallpaper});\n  background-size: 1920 px 1080 px;\n  background-repeat: none; }"

# If not present, create 'theme' directory
#
if test ! -d ${workdir}/theme; then
  mkdir -p ${workdir}/theme
fi

# Copying Yaru-dark theme to 'theme' directory
#
if test -d /usr/share/themes/Yaru-dark; then
 cp /usr/share/themes/Yaru-dark/gnome-shell/* ${workdir}/theme/
else
 printf '%s\n' "No Yaru-dark directory found!
Maybe your operating system is not Ubuntu..?"; exit 1
fi

# gdm3 picture file 'noise-texture.png' must be found in ${workdir} directory
# 
if test -f ${workdir}/${wallpaper}; then
 cp -vf ${workdir}/${wallpaper} ${workdir}/theme/${wallpaper} 
else 
 printf '%s\n' "'${wallpaper}' file not found!"; exit 1
fi

# Extract resources
#
for r in `gresource list $gst`; do
        gresource extract $gst $r 2>/dev/null >$workdir/${r#\/org\/gnome\/shell/}
done

# Apply customization to 'gdm3.css' file
#
sed -i -z "s%${original_part}%${modified_part}%" "${workdir}/theme/${css}"

# Make "gnome-shell-theme.gresource.xml" file
#
FILES=$(find "theme" -type f -printf "%P\n" | xargs -i echo "    <file>{}</file>")
cat <<EOF >"${workdir}/theme/gnome-shell-theme.gresource.xml"
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/org/gnome/shell/theme">
${FILES}
  </gresource>
</gresources>
EOF

# Compile gresource file
#
printf '%s\n' "Compile gnome-shell-theme.gresource"
cd ${workdir}/theme
glib-compile-resources gnome-shell-theme.gresource.xml && \
printf '%s\n' "The file 'gnome-shell-theme.gresource' was successfully created!


"

###
## The following operations will be done with administrator rights
#
printf '%s\n' "#####
### The following operations will be done with administrator rights
#####

"

# Save original 'gnome-shell-theme.gresource'
#
printf '%s\n' "Saving original 'gnome-shell-theme.gresource' to 'gnome-shell-theme.gresource.backup'"
if test -f /usr/share/gnome-shell/gnome-shell-theme.gresource; then
 sudo cp /usr/share/gnome-shell/gnome-shell-theme.gresource{,.backup}
printf '%s\n' "Done !

"
fi

# Copy your picture renamed 'noise-texture.png' to /usr/share/gnome-shell/theme
#
printf '%s\n' "Copy your picture as 'noise-texture.png' to /usr/share/gnome-shell/theme"
 sudo cp ${wallpaper} /usr/share/gnome-shell/theme &&
printf '%s\n' "Done !

"

# Copy the custom 'gnome-shell-theme.gresource' to /usr/share/gnome-shell 
#
printf '%s\n' "Copy the custom 'gnome-shell-theme.gresource' to /usr/share/gnome-shell/theme"
 sudo cp ${workdir}/theme/gnome-shell-theme.gresource /usr/share/gnome-shell &&
printf '%s\n' "Done !

"

# Make new gnome-shell-theme.gresource as default alternative
#
printf '%s\n' "Make new gdm3.css the new default alternative"
 sudo update-alternatives --set gdm3-theme.gresource /usr/share/gnome-shell/gnome-shell-theme.gresource >/dev/null &&
printf '%s\n' "Done !

"

# End operations
printf '%s\n' "Restart you pc and enjoy :)"

Normalement, il ne devrait pas y avoir de problème. Au cas où, on peut toujours restaurer le fichier original avec cette commande :

sudo cp /usr/share/gnome-shell/gnome-shell-theme.gresource.backup /usr/share/gnome-shell/gnome-shell-theme.gresource

et éventuellement, si on veut retrouver les couleurs originales d'Ubuntu :

sudo update-alternatives --set gdm3-theme.gresource /usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource

Voila ! Si ça peut servir à quelqu'un. N'hésiter pas à l'améliorer ; je sais que dans le coin, il y a des pros du bash. 😛

yo57

@lynn merci pour ton script !
je viens de l'essayer, ça marche presque bien ....
je suis sur ubuntu 20.04, le script s'est bien déroulé mais je n'ai le fond choisi que sur un écran, pas les 2 et en particulier pas celui qui propose les utilisateur qui reste en fond uni gris tout moche
une idée ?

j'ai essayer :
- de virer la partie #41494C, pas mieux
- de virer la partie repeat : none, pas mieux

lynn

yo57 a écrit je suis sur ubuntu 20.04, le script s'est bien déroulé mais je n'ai le fond choisi que sur un écran, pas les 2 et en particulier pas celui qui propose les utilisateur qui reste en fond uni

Je n'ai pas tout compris... tu as deux écrans ou tu parles des fonds d'écran (l'image) ?

yo57

en réalité, j'ai 3 écrans connectés à 2 cartes graphique nvidia.
au moment de la connexion, j'ai l'écran proposant les utilisateur avec le fond gris, le 2ème écran de la 1ère carte avec le bon fond choisi et le dernier avec le fond gris aussi...
==> l'image choisi ne se met pas sur tous les écrans
------------- ----------------- ---------------------
| écran | | écran | | écran de cnx |
| gris | | ok (img) | | fond gris |
------------- ----------------- --------------------

lynn

Je ne sais pas faire avec plusieurs écrans ; Peut-être que quelqu'un d'autre pourra t'apporter une solution...

Roschan

Je suppose que la règle "background-repeat: none;" est en cause, je ne sais pas ce qu'on peut mettre comme alternative (GNOME ne comprenant pas aussi bien le CSS qu'un navigateur web classique)

À la place de none, tu peux tester repeat-x, ou space ?

Lynn ton script est sur un github/gitlab quelque part ?

lynn

Roschan a écrit Lynn ton script est sur un github/gitlab quelque part ?

Ah non pas du tout... c'est juste un truc vite fait.

Roschan

Je peux le mettre sur github sous licence GPL3 ? ce serait pour mettre le lien dans le tuto du wiki, au lieu du script géant qui encombre actuellement la page

lynn

Pas de problème, sens-toi libre de faire comme bon te semble. 🙂

Roschan

jl'ai mis là https://github.com/maoschanz/change-gdm-login-background

je modifierais un jour je pense (pour donner l'image en paramètre par exemple), mais je veux tester sur 18.04 avant de modifier le wiki

yo57

@Roschan : j'ai essayé les 2 options sans succès : la couleur par defaut (ici noir) est bien prise en compte sur les 2 écrans sans fond mais pas moyen d'avoir l'image sur les 3 écrans. Merci pour cette suggestion.

#lockDialogGroup {
  background: #000000 url(file:///usr/share/gnome-shell/theme/FD.jpg);
  background-size: 1920px 1080px;
  background-repeat: repeat-x}

#lockDialogGroup {
  background: #000000 url(file:///usr/share/gnome-shell/theme/FD.jpg);
  background-size: 1920px 1080px;
  background-repeat: space}

Roschan

que l'option soit la bonne où non, je suis à peu près sûr qu'elle ne sera pas prise en compte si tu oublies le point virgule à la fin de la règle

Essaye aussi de mettre une largueur 3 fois plus grande pour la size

yo57

yes !
pas moyen de lui faire répéter l'image mais en lui mettant une image 3 x plus large et la config suivante, ça marche !

#lockDialogGroup {
  background: #000000 url(file:///usr/share/gnome-shell/theme/FD2.jpg);
  background-size: 5760px 1080px;
  background-repeat: repeat-x; }

lynn

Quelques petites modifications pour être utilisable avec Ubuntu 18.04 et 20.04... J'ai repris en partie ce que Roschan a corrigé sur son github.
L'utilisation se fait en passant l'image voulue comme paramètre au script. Également, si l'image choisie est différente d'un format png, elle sera convertie automatiquement et renommée en noise-texture.png.

Utilisation: ./change-background /le/chemin/vers/mon/image.jpeg

#!/bin/bash

## Add personal background to gdm3 login screen
## Tested with Ubuntu 18.04 & 20.04
##
## Needs the following package : libglib2.0-dev-bin libxml2-utils
##
command -v xmllint glib-compile-resources &>/dev/null
[ $? -ne "0" ] && \
 {
   echo "You must to have installed the following packages to continue: libglib2.0-dev-bin libxml2-utils";
   echo ""
   echo "For proceed, you can copy / paste this command in a window terminal:" 
   echo "sudo apt install -y libglib2.0-dev-bin libxml2-utils";
   exit 1;
 }

################################################################################
# Constants ####################################################################

GST=/usr/share/gnome-shell/gnome-shell-theme.gresource

WORKDIR=theme

BACKGROUND_TARGET_NAME=noise-texture.png
BACKGROUND_WIDTH=1920
BACKGROUND_HEIGHT=1080

ORIGINAL_BACKGROUND_20_04="#lockDialogGroup {\n  background-color: #41494c; }"
EDITED_BACKGROUND_20_04="#lockDialogGroup {\n  background: #41494c url(file:///usr/share/gnome-shell/theme/${BACKGROUND_TARGET_NAME});\n  background-size: ${BACKGROUND_WIDTH}px ${BACKGROUND_HEIGHT}px;\n  background-repeat: none;\n}"
ORIGINAL_BACKGROUND_18_04="#lockDialogGroup {\n  background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png);\n  background-repeat: repeat; }"
EDITED_BACKGROUND_18_04="#lockDialogGroup {\n  background: #2e3436 url(file:///usr/share/gnome-shell/theme/${BACKGROUND_TARGET_NAME});\n  background-size: ${BACKGROUND_WIDTH}px ${BACKGROUND_HEIGHT}px;\n  background-repeat: none;\n}"



################################################################################
# Functions ####################################################################

extract_current_theme() {
	# If not present, create 'theme' directory
	if test ! -d ${WORKDIR}; then
		mkdir -p ${WORKDIR}
	fi

	# Extract resources
        for r in `gresource list $GST`; do
                gresource extract $GST $r > ${WORKDIR}/${r##*/}
        done
}

edit_css_content() {
	if test -f ${WORKDIR}/gdm3.css; then
		css_file=gdm3.css
		ORIGINAL_BACKGROUND=${ORIGINAL_BACKGROUND_20_04}
		EDITED_BACKGROUND=${EDITED_BACKGROUND_20_04}
	elif test -f ${WORKDIR}/gnome-shell.css; then
		css_file=gnome-shell.css
		ORIGINAL_BACKGROUND=${ORIGINAL_BACKGROUND_18_04}
		EDITED_BACKGROUND=${EDITED_BACKGROUND_18_04}
	else
		echo "No css file found!"
		exit 1
	fi

	# Apply customization to the .css file
	sed -i -z "s%${ORIGINAL_BACKGROUND}%${EDITED_BACKGROUND}%" "theme/${css_file}"
}

create_new_gresource() {
	echo "Writing a new version of gnome-shell-theme.gresource.xml..."

	# Write a new "gnome-shell-theme.gresource.xml" file
	FILES=$(find "${WORKDIR}" -type f -printf "%P\n" | xargs -i echo "    <file>{}</file>")
	cat <<EOF >"${WORKDIR}/gnome-shell-theme.gresource.xml"
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
  <gresource prefix="/org/gnome/shell/theme">
${FILES}
  </gresource>
</gresources>
EOF
	# Add personal wallpaper to ${WORKDIR}
	cp -vf ${wallpaper} ${WORKDIR}/${BACKGROUND_TARGET_NAME}

	# Compile this XML file into a new gresource file
	echo "Compiling gnome-shell-theme.gresource..."
	cd ${WORKDIR}
	glib-compile-resources gnome-shell-theme.gresource.xml && \
	echo "The file 'gnome-shell-theme.gresource' has been successfully created!"
	cd ..
}

install_new_theme() {
	# Copy your background file to /usr/share/gnome-shell/theme
	echo "Copy your background file to /usr/share/gnome-shell/theme"
	sudo cp ${wallpaper} /usr/share/gnome-shell/theme/${BACKGROUND_TARGET_NAME} && echo "Done !"

	# Make a backup of 'gnome-shell-theme.gresource' file to be able to restore in case of problem
	echo "Saving original 'gnome-shell-theme.gresource' to 'gnome-shell-theme.gresource.backup'"
	if test -f $GST; then
	sudo cp $GST{,.backup} && echo "Done !"
	fi

	# Copy the custom 'gnome-shell-theme.gresource' to /usr/share/gnome-shell
	echo "Copy the custom 'gnome-shell-theme.gresource' to /usr/share/gnome-shell/theme"
	sudo cp ${WORKDIR}/gnome-shell-theme.gresource /usr/share/gnome-shell && echo "Done !"
}


help() {
       echo "You must selected your background file..."
       echo "-----------------------------------------"
       echo "Use : bash `basename $0` /path/to/my/picture/file"
       echo ""
       echo "All pictures other than PNG format will be converted to PNG"  
}

################################################################################
# "Main" part of the script ####################################################

# Test if background picture is passed to parameter
if [ "${#1}" -eq "0" ]; then
	help
	exit 1
# Convert picture formats if needed and set variable ${wallpaper}
elif [ "$(mimetype -b $1)" = "image/png" ]; then
   wallpaper=$1
else
   convert $1 &>/dev/null "${1%%.*}.png"
   wallpaper=${1%%.*}.png
fi

extract_current_theme

edit_css_content

create_new_gresource

echo
echo "####################################################"
echo "# The next operations require superuser privileges #"
echo "####################################################"

install_new_theme

# Make new gnome-shell-theme.gresource as default alternative
case `lsb_release -rs` in
	18.04) test $(update-alternatives --list gdm3.css|wc -l) -gt 1 && { sudo update-alternatives --set gdm3.css /usr/share/gnome-shell/theme/gnome-shell.css >/dev/null && echo -e "Making new CSS alternative... \n\nDone !"; };;
	20.04) test $(update-alternatives --list gdm3-theme.gresources|wc -l) -gt 1 && { sudo update-alternatives --set gdm3-theme.gresource /usr/share/gnome-shell/gnome-shell-theme.gresource >/dev/null && echo -e "Making new CSS alternative... \nDone !"; };;
esac

echo
echo "Restart your computer and enjoy :)"
echo "(you can delete the directory '${PWD}/${WORKDIR}')"

################################################################################

Avis aux testeurs. 🙂

Page suivante »