How To Change GDM Login Screen Background In Ubuntu
如何更换 Ubuntu 系统的 GDM 登录界面背景
Whenever you log in or lock and unlock your Ubuntu 18.04 LTS desktop, you will be greeted with a plain purple-colored screen. It is the default GDM (GNOME Display Manager) background since Ubuntu version 17.04. Some of you may feel boring to look at this plain background and want to make the Login screen something cool and eye-candy! If so, you’re on the right track. This brief guide describes how to change GDM Login screen background in Ubuntu 18.04 LTS desktop.
Ubuntu 18.04 LTS 桌面系统在登录、锁屏和解锁状态下，我们会看到一个纯紫色的背景。它是 GDM（GNOME 显示管理器 GNOME Display Manager）从 ubuntu 17.04 版本开始使用的默认背景。有一些人可能会不喜欢这个纯色的背景，想换一个酷一点、更吸引眼睛的！如果是这样，你找对地方了。这篇短文将会告诉你如何更换 Ubuntu 18.04 LTS 的 GDM 登录界面的背景。
Change GDM Login Screen Background In Ubuntu
更换 Ubuntu 的 GDM 登录界面背景
Here is how the default GDM login screen background image looks like in Ubuntu 18.04 LTS desktop.
这是 Ubuntu 18.04 LTS 桌面系统默认的登录界面。
Whether you like it or not, you will stumbled upon this screen every time you log in or lock and unlock the system. No worries! You can change this background with any beautiful image of your choice.
Changing desktop wallpaper and user’s profile picture is not a big deal in Ubuntu. We can do it with a few mouse clicks in no time. However, changing Login/Lock screen background need a little bit editing of a file called ubuntu.css located under /usr/share/gnome-shell/theme directory.
Before modifying this file, take a backup of this file. So, we can restore it if something went wrong.
不管你喜欢与否，你总是会不经意在登录、解屏/锁屏的时面对它。别担心！你可以随便更换一个你喜欢的图片作为背景。
在 Ubuntu 上更换桌面壁纸和用户的资料图像不难。我们可以点击鼠标就搞定了。但更换解屏/锁屏的背景则需要修改文件 ubuntu.css，它位于 /usr/share/gnome-shell/theme。
修改这个文件之前，最好备份一下它。这样我们可以避免出现问题时可以恢复它。
sudo cp /usr/share/gnome-shell/theme/ubuntu.css /usr/share/gnome-shell/theme/ubuntu.css.bak
Now, edit ubuntu.css file:
现在，开始编辑文件 ubuntu.css。
sudo nano /usr/share/gnome-shell/theme/ubuntu.css
- 注：这里可以选择自己喜欢的文本编辑工具，比如 vim、gedit 等，本文作者使用的是 nano。
Find the following lines under the directive named “lockDialogGroup” in the file:
在文件中找到关键字 lockDialogGroup，如下行：
#lockDialogGroup {
background: #2c001e url(resource:///org/gnome/shell/theme/noise-texture.png);
background-repeat: repeat;
}
As you can see, the default image for the GDM login screen is noise-texture.png.
Now, change the background image by adding your image path. You can use either .jpg or .png file. Both format images worked fine for me. After editing the file, the contents of file will look like below:
可以看到，GDM 默认登录的背景图片是 noise-texture.png 。
现在修改为你自己的图片路径。也可以选择 **.jpg **或 .png 格式的文件，两种格式的图片文件都是支持的。修改完成后的文件内容如下：
#lockDialogGroup {
background: #2c001e url(file:///home/sk/image.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
Please pay little attention to the modified version of this directive in the ubuntu.css file. I have marked the changes in bold.
请注意 ubuntu.css 文件里这个关键字的修改，我把修改点加粗了。
As you might have noticed, I have changed the line “…url(resource:///org/gnome/shell/theme/noise-texture.png);” with “…url(file:///home/sk/image.png);”. I.e You should change “…url(resource…” to “…url(file..”.
你可能注意到，我把原来的 ... url(resource:///org/gnome/shell/theme/noise-texture.png); 修改为 ... url(file:///home/sk/image.png);。也就是说，你可以把 ... url(resource ... 修改为 .. url(file ...。
Also, I have changed the value of “background-repeat:” parameter from “repeat” to “no-repeat” and added two more lines. You can simply copy/paste the above lines and change image path with your own in your ubuntu.css file.
同时，你可以把参数 background-repeat: 的值 repeat 修改为 no-repeat，并增加另外两行。你可以直接复制上面几行的修改到你的 ubuntu.css 文件，对应的修改为你的图片路径。
Once you are done, save and close the file. And, reboot your system.
修改完成后，保存和关闭此文件。然后系统重启生效。
Here is my GDM login screen with updated backgrounds:
下面是 GDM 登录界面的最新背景图片：
Cool, yeah? As you can see, changing GDM login screen is not that difficult either. All you have to do is to change the path of the image in ubuntu.css file and restart your system. It is simple as that. Have fun!
是不是很酷，你都看到了，更换 GDM 登录的默认背景很简单。你只需要修改 ubuntu.css 文件中图片的路径然后重启系统。是不是很简单也很有意思.
You can also edit gdm3.css file located under /usr/share/gnome-shell/theme directory and modify it as shown above to get the same result. Again, don’t forget to take the backup of the file before making any changes.
你也可以修改 /usr/share/gnome-shell/theme 目录下的文件 gdm3.css ，具体修改内容和修改结果和上面一样。同时记得修改前备份要修改的文件。
And, that’s all now. More good stuffs to come. Stay tuned!
就这些了。如果有好的东东再分享了，请大家关注！
Cheers!
后会有期。
- 注：原文地址