changing purple background on ubuntu 18.04 and fixing issues
Default ubunut 18.04 login background
This blog is going to show you how to change the purple login screen background on your ubuntu 18.04. After getting into lots of trouble and almost breaking my OS i was able to change it to something spidery which you can see in the video below. Links for the wallpapers that i've used are given at the end of this blog, you can download them if you want the same feel as shown in the video or be ready with your own png format images that you wanna see behind login screen.
NOTE: sorry for the folks who won't be able to play the clip in their firefox browser..i suggest to use google chrome for that. if you're on windows, firefox uses the Media Foundation to decode MP4 videos and you may not be getting update for Media foundation.. while the Ubuntu user facing issues in firefox playing videos from the blog, can run the following command...
$sudo apt-get install ubuntu-restricted-extras
now that you've seen what does it looks like. lets move to the part where you're gonna know how to do so. here's what i did..
now, first move your xyz.png file to the folder /usr/share/backgrounds/..
1. we are going to edit the file gdm3.css which is located in "/usr/share/gnome- shell/theme/gdm3.css" while the "/etc/alternatives/gdm3.css" is the symbolic link for the original file in "/usr/share/gnome-shell/theme/gdm3.css".
Open the terminal and open the file in nano editor or vi editor or any other editor that you prefer. i personally prefer nano as it is handy for editing such files. moving on,..
2. After opening the editor try to find #lockDialogGroup,when you find it.. contents in it will look something like this ..
lockDialogGroup{
background: #2c001e url(resource:///org/gnome/shell/theme/noise-texture.png);
background-repeat: repeat;}
3. change the content of the lockDialogGroup to this..here goes a liitle css modification..those who do not have the faintest idea about the css just copy and paste the code below into lockDialogGroup section..
lockDialogGroup{
background:#2c001e url(file:///usr/share/backgrounds/xyz.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;}
This blog is going to show you how to change the purple login screen background on your ubuntu 18.04. After getting into lots of trouble and almost breaking my OS i was able to change it to something spidery which you can see in the video below. Links for the wallpapers that i've used are given at the end of this blog, you can download them if you want the same feel as shown in the video or be ready with your own png format images that you wanna see behind login screen.
NOTE: sorry for the folks who won't be able to play the clip in their firefox browser..i suggest to use google chrome for that. if you're on windows, firefox uses the Media Foundation to decode MP4 videos and you may not be getting update for Media foundation.. while the Ubuntu user facing issues in firefox playing videos from the blog, can run the following command...
$sudo apt-get install ubuntu-restricted-extras
now that you've seen what does it looks like. lets move to the part where you're gonna know how to do so. here's what i did..
now, first move your xyz.png file to the folder /usr/share/backgrounds/..
1. we are going to edit the file gdm3.css which is located in "/usr/share/gnome- shell/theme/gdm3.css" while the "/etc/alternatives/gdm3.css" is the symbolic link for the original file in "/usr/share/gnome-shell/theme/gdm3.css".
Open the terminal and open the file in nano editor or vi editor or any other editor that you prefer. i personally prefer nano as it is handy for editing such files. moving on,..
2. After opening the editor try to find #lockDialogGroup,when you find it.. contents in it will look something like this ..
lockDialogGroup{
background: #2c001e url(resource:///org/gnome/shell/theme/noise-texture.png);
background-repeat: repeat;}
3. change the content of the lockDialogGroup to this..here goes a liitle css modification..those who do not have the faintest idea about the css just copy and paste the code below into lockDialogGroup section..
lockDialogGroup{
background:#2c001e url(file:///usr/share/backgrounds/xyz.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;}
4. now save the file and run the following command.
sudo update-alternatives --auto gdm3.css
now exit and try to reboot to see the changes.... hope this will help you. if you face any issue feel free to comment i will try my best to resolve it.
____________________________The End_______________________________
Hoping this would be helpful to you, if not, post your problem in the comment section and i will try to get back to you as soon as possible.
tell me, how do you like this solution? and what is there that i can improve...
follow me on hackerrank: www.hackerrank.com/satyansh_sagar
Comments
thanks for that. But when I type update-alternatives --auto gdm3.css, I get
"error: can't analyse the file « /etc/alternatives/gdm3.css »: Invalid argument"
What does it mean ?