web-dev-qa-db-fra.com

Comment changer la couleur violette de l'écran de connexion en une autre image ou image (si possible) sur Ubuntu 17.10?

Je souhaite savoir s’il est possible de modifier l’arrière-plan de l’écran de connexion en image ou, dans le cas contraire, comment modifier la couleur par défaut.

login screen, orange and purple

9
Molham Mohamed

J'ai trouvé ces instructions sur ubuntuhandhandbook.com

La bonne chose à propos de GDM3 (et de Gnome), c’est qu’il est conçu pour être modulaire, de sorte qu’à peu près tout peut être personnalisé et modifié.

Cela dit, au cas où vous n'aimeriez pas à quoi ça ressemble, si vous connaissez CSS (ou même SASS), vous pouvez le changer comme bon vous semble.

Cependant, gardez à l'esprit que certaines de ces modifications ne sont pas des fonctionnalités de personnalisation planifiées. Une mise à jour peut donc les effacer complètement (cela pourrait toutefois changer à l'avenir.)

Bon, dans notre cas, nous aimerions changer le fond d'écran de connexion pour GDM3.

La première chose à faire serait de trouver quelle règle CSS en est responsable et dans quel fichier. Heureusement, quelqu'un l'a déjà fait (dans ce lien au début), donc ces instructions seront basées sur cela.

Le fichier que nous allons éditer sera soit /usr/share/gnome-Shell/theme/gdm3.css, soit /etc/alternatives/gdm3.css (ce dernier n’est qu’un lien symbolique vers le premier).

Je vais utiliser l'éditeur nano; vous pouvez tout faire et c'est vraiment pratique, car cela reste dans la console.

Commencez par ouvrir une console, puis le fichier contenant nano:

Sudo nano /usr/share/gnome-Shell/theme/gdm3.css

(Nous devrons avoir un accès root pour éditer ce fichier, c'est pourquoi nous utilisons Sudo.)

Ensuite, nous voudrons trouver la règle responsable de l’arrière-plan de l’écran de verrouillage, ce sera celle-ci:

#lockDialogGroup {
    background: #2c001e url(resource:///org/gnome/Shell/theme/noise-texture.png);
    background-repeat: repeat; 
}

Comme vous pouvez le constater, l’arrière-plan est actuellement défini sur une image répétée plusieurs fois, c’est ainsi que vous obtenez la texture de bruit au moment de la connexion.

Si vous connaissez CSS, le reste de ce "guide" ne vous sera d'aucune utilité.

Disons que nous allons vouloir changer cette texture bruyante en une seule image étendue sur l'écran de connexion. Nous pouvons le faire en changeant la règle à ceci.

#lockDialogGroup {
    background: url(file:///path/to/your/picture.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

Où la partie /path/to/your/picture.png doit être remplacée par le chemin d'accès réel à l'image que vous souhaitez utiliser, en partant du chemin racine /. (Notez que vous avez besoin de tous les /- s après file:, comme indiqué dans l'exemple.)

Vous avez terminé. Appuyez sur CTRL + X pour enregistrer le fichier et quittez nano. Après la prochaine connexion, vous devriez avoir la photo que vous avez définie ici.

Si vous souhaitez uniquement définir une couleur unie, vous pouvez simplement définir:

#lockDialogGroup {
    background-color: #2c001e;
}

Où la partie #... est un code de couleur de votre choix. (Vous pouvez rechercher les codes de couleur Web si vous ne savez pas comment ils fonctionnent ou utiliser un sélecteur de couleur pour obtenir le code de couleur souhaité.)

C'est tout. Notez que bien que cela devrait fonctionner, il n’a pas été testé par moi-même, car je ne peux pas utiliser GDM à le moment en raison d'un autre problème qui n'a pas encore été résolu.

12
fecka