Ubuntu 18.04 change Login Screen theme (not wallpaper)
up vote
4
down vote
favorite
I can't seem to find any way to change the default orange on black theme on Ubuntu 18.04. I am using Adapta theme on my desktop, but it does not get applied to the login screen. Please notice that I am not talking about the purple background, I am talking about the theme itself.
18.04 themes login-screen lock-screen
|
show 3 more comments
up vote
4
down vote
favorite
I can't seem to find any way to change the default orange on black theme on Ubuntu 18.04. I am using Adapta theme on my desktop, but it does not get applied to the login screen. Please notice that I am not talking about the purple background, I am talking about the theme itself.
18.04 themes login-screen lock-screen
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
can you attach a pic
– PRATAP
Aug 11 at 19:11
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53
|
show 3 more comments
up vote
4
down vote
favorite
up vote
4
down vote
favorite
I can't seem to find any way to change the default orange on black theme on Ubuntu 18.04. I am using Adapta theme on my desktop, but it does not get applied to the login screen. Please notice that I am not talking about the purple background, I am talking about the theme itself.
18.04 themes login-screen lock-screen
I can't seem to find any way to change the default orange on black theme on Ubuntu 18.04. I am using Adapta theme on my desktop, but it does not get applied to the login screen. Please notice that I am not talking about the purple background, I am talking about the theme itself.
18.04 themes login-screen lock-screen
18.04 themes login-screen lock-screen
edited Aug 11 at 19:43
asked Aug 11 at 18:51
StudentCoderJava
121210
121210
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
can you attach a pic
– PRATAP
Aug 11 at 19:11
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53
|
show 3 more comments
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
can you attach a pic
– PRATAP
Aug 11 at 19:11
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
can you attach a pic
– PRATAP
Aug 11 at 19:11
can you attach a pic
– PRATAP
Aug 11 at 19:11
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53
|
show 3 more comments
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
Edit: Dec 3rd 2018
Disclaimer: playing with gdm3 files is very dangerous, small mistakes will stop access to gnome desktop session. Only tty will work. i have several times reinstalled Ubuntu in such cases. although i have successfully applied User Shell Theme to Login Screen & Lock Screen. Do this on your own risk.
i am going to apply User Shell
Theme Adapta-Nokto
to Login Screen and Lock Screen
for Ubuntu 18.04 only
files or folders to know:
1./etc/alternatives/gdm3.css
2./usr/share/gnome-shell/theme/ubuntu.css
3./usr/share/themes/Adapta-Nokto
take backups (mandatory):
1. /usr/share/gnome-shell/theme/ubuntu.css
file. (say ubuntu.css backup)
2. /usr/share/gnome-shell/theme
folder. (say theme backup)
https://we.tl/t-iDLEPaXoI0 5MB .gif file showing default lock screen theme.
Concept:
nothing below i wrote is official, based on several trail and errors i found this. proceed with your own risk.
*after several trails i found that /etc/alternatives/gdm3.css
is playing a very big role. this file is controlling the log in screen beauty and not lock screen.
*/usr/share/gnome-shell/theme/ubuntu.css
is controlling the lock screen beauty.
by default, the content in /etc/alternatives/gdm3.css
file and /usr/share/gnome-shell/theme/ubuntu.css
file are same because /etc/alternatives/gdm3.css
file is a linked file to /usr/share/gnome-shell/theme/ubuntu.css
we need to break this link. and create a link to our User Shell
Theme.
to break the link and tell log in screen to use User Shell
theme,
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
Example:
pratap@i7-4770:~$ sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
[sudo] password for pratap:
pratap@i7-4770:~$
we need to copy the assets
folder and some more image files from /usr/share/themes/Adapta-Nokto/gnome-shell/
folder to /usr/share/gnome-shell/theme/
now log in screen will use this theme. to test it, shutdown the system. fresh start.
https://we.tl/t-uVLyw8mVga 5MB .mp4 file showing log in screen changed.
https://we.tl/t-jFZINc18q7 5MB .gif file showing lock screen unchanged.
note that, lock screen will not use this theme. as of now we changed only log in screen theme.
to change the lock screen theme, copy paste all the content from /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css
to /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
reboot to see the change.
https://we.tl/t-8oi9JRTRpM 5MB .gif file showing lock screen changed.
want to go back to default?
copy paste all the content from backed up (say ubuntu.css backup) file into /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/gnome-shell/theme/ubuntu.css /etc/alternatives/gdm3.css
copy the images from backed up folder (say theme backup) and make the folder look like this
Reboot to see default look.
Old Answer:
- Open the gdm3.css
sudo gedit /etc/alternatives/gdm3.css
- copy all the text by pressing Ctrl+A
- Open a new text file, paste, close with save. - this is for Backup. when ever you want to go with default look, copy paste all the text into
/etc/alternatives/gdm3.css
to change the colors we need to edit the gdm3.css file.
use any online color tool to choose the colors, i used https://www.hexcolortool.com
change the 6digits after # after you choose your preferred color in the below lines.
I Choose the following colors to test it.
Important: Change only the 6digits after # symbol. Dont edit anything else.
- go to line number 511 (-arrow-background-color: #55bef6;)
- go to line numbers 146-149
(-slider-background-color: #000000;)
(-slider-border-color: #000000;)
(-slider-active-background-color: #f655ce;)
(-slider-active-border-color: #f655ce;) - go to line number 703 (box-shadow: inset 0 -2px 0px #0a9108;)
- Save the file and close.
to see the changes reboot is required.
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "89"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1064491%2fubuntu-18-04-change-login-screen-theme-not-wallpaper%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
Edit: Dec 3rd 2018
Disclaimer: playing with gdm3 files is very dangerous, small mistakes will stop access to gnome desktop session. Only tty will work. i have several times reinstalled Ubuntu in such cases. although i have successfully applied User Shell Theme to Login Screen & Lock Screen. Do this on your own risk.
i am going to apply User Shell
Theme Adapta-Nokto
to Login Screen and Lock Screen
for Ubuntu 18.04 only
files or folders to know:
1./etc/alternatives/gdm3.css
2./usr/share/gnome-shell/theme/ubuntu.css
3./usr/share/themes/Adapta-Nokto
take backups (mandatory):
1. /usr/share/gnome-shell/theme/ubuntu.css
file. (say ubuntu.css backup)
2. /usr/share/gnome-shell/theme
folder. (say theme backup)
https://we.tl/t-iDLEPaXoI0 5MB .gif file showing default lock screen theme.
Concept:
nothing below i wrote is official, based on several trail and errors i found this. proceed with your own risk.
*after several trails i found that /etc/alternatives/gdm3.css
is playing a very big role. this file is controlling the log in screen beauty and not lock screen.
*/usr/share/gnome-shell/theme/ubuntu.css
is controlling the lock screen beauty.
by default, the content in /etc/alternatives/gdm3.css
file and /usr/share/gnome-shell/theme/ubuntu.css
file are same because /etc/alternatives/gdm3.css
file is a linked file to /usr/share/gnome-shell/theme/ubuntu.css
we need to break this link. and create a link to our User Shell
Theme.
to break the link and tell log in screen to use User Shell
theme,
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
Example:
pratap@i7-4770:~$ sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
[sudo] password for pratap:
pratap@i7-4770:~$
we need to copy the assets
folder and some more image files from /usr/share/themes/Adapta-Nokto/gnome-shell/
folder to /usr/share/gnome-shell/theme/
now log in screen will use this theme. to test it, shutdown the system. fresh start.
https://we.tl/t-uVLyw8mVga 5MB .mp4 file showing log in screen changed.
https://we.tl/t-jFZINc18q7 5MB .gif file showing lock screen unchanged.
note that, lock screen will not use this theme. as of now we changed only log in screen theme.
to change the lock screen theme, copy paste all the content from /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css
to /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
reboot to see the change.
https://we.tl/t-8oi9JRTRpM 5MB .gif file showing lock screen changed.
want to go back to default?
copy paste all the content from backed up (say ubuntu.css backup) file into /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/gnome-shell/theme/ubuntu.css /etc/alternatives/gdm3.css
copy the images from backed up folder (say theme backup) and make the folder look like this
Reboot to see default look.
Old Answer:
- Open the gdm3.css
sudo gedit /etc/alternatives/gdm3.css
- copy all the text by pressing Ctrl+A
- Open a new text file, paste, close with save. - this is for Backup. when ever you want to go with default look, copy paste all the text into
/etc/alternatives/gdm3.css
to change the colors we need to edit the gdm3.css file.
use any online color tool to choose the colors, i used https://www.hexcolortool.com
change the 6digits after # after you choose your preferred color in the below lines.
I Choose the following colors to test it.
Important: Change only the 6digits after # symbol. Dont edit anything else.
- go to line number 511 (-arrow-background-color: #55bef6;)
- go to line numbers 146-149
(-slider-background-color: #000000;)
(-slider-border-color: #000000;)
(-slider-active-background-color: #f655ce;)
(-slider-active-border-color: #f655ce;) - go to line number 703 (box-shadow: inset 0 -2px 0px #0a9108;)
- Save the file and close.
to see the changes reboot is required.
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
add a comment |
up vote
1
down vote
accepted
Edit: Dec 3rd 2018
Disclaimer: playing with gdm3 files is very dangerous, small mistakes will stop access to gnome desktop session. Only tty will work. i have several times reinstalled Ubuntu in such cases. although i have successfully applied User Shell Theme to Login Screen & Lock Screen. Do this on your own risk.
i am going to apply User Shell
Theme Adapta-Nokto
to Login Screen and Lock Screen
for Ubuntu 18.04 only
files or folders to know:
1./etc/alternatives/gdm3.css
2./usr/share/gnome-shell/theme/ubuntu.css
3./usr/share/themes/Adapta-Nokto
take backups (mandatory):
1. /usr/share/gnome-shell/theme/ubuntu.css
file. (say ubuntu.css backup)
2. /usr/share/gnome-shell/theme
folder. (say theme backup)
https://we.tl/t-iDLEPaXoI0 5MB .gif file showing default lock screen theme.
Concept:
nothing below i wrote is official, based on several trail and errors i found this. proceed with your own risk.
*after several trails i found that /etc/alternatives/gdm3.css
is playing a very big role. this file is controlling the log in screen beauty and not lock screen.
*/usr/share/gnome-shell/theme/ubuntu.css
is controlling the lock screen beauty.
by default, the content in /etc/alternatives/gdm3.css
file and /usr/share/gnome-shell/theme/ubuntu.css
file are same because /etc/alternatives/gdm3.css
file is a linked file to /usr/share/gnome-shell/theme/ubuntu.css
we need to break this link. and create a link to our User Shell
Theme.
to break the link and tell log in screen to use User Shell
theme,
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
Example:
pratap@i7-4770:~$ sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
[sudo] password for pratap:
pratap@i7-4770:~$
we need to copy the assets
folder and some more image files from /usr/share/themes/Adapta-Nokto/gnome-shell/
folder to /usr/share/gnome-shell/theme/
now log in screen will use this theme. to test it, shutdown the system. fresh start.
https://we.tl/t-uVLyw8mVga 5MB .mp4 file showing log in screen changed.
https://we.tl/t-jFZINc18q7 5MB .gif file showing lock screen unchanged.
note that, lock screen will not use this theme. as of now we changed only log in screen theme.
to change the lock screen theme, copy paste all the content from /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css
to /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
reboot to see the change.
https://we.tl/t-8oi9JRTRpM 5MB .gif file showing lock screen changed.
want to go back to default?
copy paste all the content from backed up (say ubuntu.css backup) file into /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/gnome-shell/theme/ubuntu.css /etc/alternatives/gdm3.css
copy the images from backed up folder (say theme backup) and make the folder look like this
Reboot to see default look.
Old Answer:
- Open the gdm3.css
sudo gedit /etc/alternatives/gdm3.css
- copy all the text by pressing Ctrl+A
- Open a new text file, paste, close with save. - this is for Backup. when ever you want to go with default look, copy paste all the text into
/etc/alternatives/gdm3.css
to change the colors we need to edit the gdm3.css file.
use any online color tool to choose the colors, i used https://www.hexcolortool.com
change the 6digits after # after you choose your preferred color in the below lines.
I Choose the following colors to test it.
Important: Change only the 6digits after # symbol. Dont edit anything else.
- go to line number 511 (-arrow-background-color: #55bef6;)
- go to line numbers 146-149
(-slider-background-color: #000000;)
(-slider-border-color: #000000;)
(-slider-active-background-color: #f655ce;)
(-slider-active-border-color: #f655ce;) - go to line number 703 (box-shadow: inset 0 -2px 0px #0a9108;)
- Save the file and close.
to see the changes reboot is required.
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
Edit: Dec 3rd 2018
Disclaimer: playing with gdm3 files is very dangerous, small mistakes will stop access to gnome desktop session. Only tty will work. i have several times reinstalled Ubuntu in such cases. although i have successfully applied User Shell Theme to Login Screen & Lock Screen. Do this on your own risk.
i am going to apply User Shell
Theme Adapta-Nokto
to Login Screen and Lock Screen
for Ubuntu 18.04 only
files or folders to know:
1./etc/alternatives/gdm3.css
2./usr/share/gnome-shell/theme/ubuntu.css
3./usr/share/themes/Adapta-Nokto
take backups (mandatory):
1. /usr/share/gnome-shell/theme/ubuntu.css
file. (say ubuntu.css backup)
2. /usr/share/gnome-shell/theme
folder. (say theme backup)
https://we.tl/t-iDLEPaXoI0 5MB .gif file showing default lock screen theme.
Concept:
nothing below i wrote is official, based on several trail and errors i found this. proceed with your own risk.
*after several trails i found that /etc/alternatives/gdm3.css
is playing a very big role. this file is controlling the log in screen beauty and not lock screen.
*/usr/share/gnome-shell/theme/ubuntu.css
is controlling the lock screen beauty.
by default, the content in /etc/alternatives/gdm3.css
file and /usr/share/gnome-shell/theme/ubuntu.css
file are same because /etc/alternatives/gdm3.css
file is a linked file to /usr/share/gnome-shell/theme/ubuntu.css
we need to break this link. and create a link to our User Shell
Theme.
to break the link and tell log in screen to use User Shell
theme,
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
Example:
pratap@i7-4770:~$ sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
[sudo] password for pratap:
pratap@i7-4770:~$
we need to copy the assets
folder and some more image files from /usr/share/themes/Adapta-Nokto/gnome-shell/
folder to /usr/share/gnome-shell/theme/
now log in screen will use this theme. to test it, shutdown the system. fresh start.
https://we.tl/t-uVLyw8mVga 5MB .mp4 file showing log in screen changed.
https://we.tl/t-jFZINc18q7 5MB .gif file showing lock screen unchanged.
note that, lock screen will not use this theme. as of now we changed only log in screen theme.
to change the lock screen theme, copy paste all the content from /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css
to /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
reboot to see the change.
https://we.tl/t-8oi9JRTRpM 5MB .gif file showing lock screen changed.
want to go back to default?
copy paste all the content from backed up (say ubuntu.css backup) file into /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/gnome-shell/theme/ubuntu.css /etc/alternatives/gdm3.css
copy the images from backed up folder (say theme backup) and make the folder look like this
Reboot to see default look.
Old Answer:
- Open the gdm3.css
sudo gedit /etc/alternatives/gdm3.css
- copy all the text by pressing Ctrl+A
- Open a new text file, paste, close with save. - this is for Backup. when ever you want to go with default look, copy paste all the text into
/etc/alternatives/gdm3.css
to change the colors we need to edit the gdm3.css file.
use any online color tool to choose the colors, i used https://www.hexcolortool.com
change the 6digits after # after you choose your preferred color in the below lines.
I Choose the following colors to test it.
Important: Change only the 6digits after # symbol. Dont edit anything else.
- go to line number 511 (-arrow-background-color: #55bef6;)
- go to line numbers 146-149
(-slider-background-color: #000000;)
(-slider-border-color: #000000;)
(-slider-active-background-color: #f655ce;)
(-slider-active-border-color: #f655ce;) - go to line number 703 (box-shadow: inset 0 -2px 0px #0a9108;)
- Save the file and close.
to see the changes reboot is required.
Edit: Dec 3rd 2018
Disclaimer: playing with gdm3 files is very dangerous, small mistakes will stop access to gnome desktop session. Only tty will work. i have several times reinstalled Ubuntu in such cases. although i have successfully applied User Shell Theme to Login Screen & Lock Screen. Do this on your own risk.
i am going to apply User Shell
Theme Adapta-Nokto
to Login Screen and Lock Screen
for Ubuntu 18.04 only
files or folders to know:
1./etc/alternatives/gdm3.css
2./usr/share/gnome-shell/theme/ubuntu.css
3./usr/share/themes/Adapta-Nokto
take backups (mandatory):
1. /usr/share/gnome-shell/theme/ubuntu.css
file. (say ubuntu.css backup)
2. /usr/share/gnome-shell/theme
folder. (say theme backup)
https://we.tl/t-iDLEPaXoI0 5MB .gif file showing default lock screen theme.
Concept:
nothing below i wrote is official, based on several trail and errors i found this. proceed with your own risk.
*after several trails i found that /etc/alternatives/gdm3.css
is playing a very big role. this file is controlling the log in screen beauty and not lock screen.
*/usr/share/gnome-shell/theme/ubuntu.css
is controlling the lock screen beauty.
by default, the content in /etc/alternatives/gdm3.css
file and /usr/share/gnome-shell/theme/ubuntu.css
file are same because /etc/alternatives/gdm3.css
file is a linked file to /usr/share/gnome-shell/theme/ubuntu.css
we need to break this link. and create a link to our User Shell
Theme.
to break the link and tell log in screen to use User Shell
theme,
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
Example:
pratap@i7-4770:~$ sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css /etc/alternatives/gdm3.css
[sudo] password for pratap:
pratap@i7-4770:~$
we need to copy the assets
folder and some more image files from /usr/share/themes/Adapta-Nokto/gnome-shell/
folder to /usr/share/gnome-shell/theme/
now log in screen will use this theme. to test it, shutdown the system. fresh start.
https://we.tl/t-uVLyw8mVga 5MB .mp4 file showing log in screen changed.
https://we.tl/t-jFZINc18q7 5MB .gif file showing lock screen unchanged.
note that, lock screen will not use this theme. as of now we changed only log in screen theme.
to change the lock screen theme, copy paste all the content from /usr/share/themes/Adapta-Nokto/gnome-shell/gnome-shell.css
to /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
reboot to see the change.
https://we.tl/t-8oi9JRTRpM 5MB .gif file showing lock screen changed.
want to go back to default?
copy paste all the content from backed up (say ubuntu.css backup) file into /usr/share/gnome-shell/theme/ubuntu.css
file replacing the data in ubuntu.css file.
run the below command:
sudo rm /etc/alternatives/gdm3.css && sudo ln -s /usr/share/gnome-shell/theme/ubuntu.css /etc/alternatives/gdm3.css
copy the images from backed up folder (say theme backup) and make the folder look like this
Reboot to see default look.
Old Answer:
- Open the gdm3.css
sudo gedit /etc/alternatives/gdm3.css
- copy all the text by pressing Ctrl+A
- Open a new text file, paste, close with save. - this is for Backup. when ever you want to go with default look, copy paste all the text into
/etc/alternatives/gdm3.css
to change the colors we need to edit the gdm3.css file.
use any online color tool to choose the colors, i used https://www.hexcolortool.com
change the 6digits after # after you choose your preferred color in the below lines.
I Choose the following colors to test it.
Important: Change only the 6digits after # symbol. Dont edit anything else.
- go to line number 511 (-arrow-background-color: #55bef6;)
- go to line numbers 146-149
(-slider-background-color: #000000;)
(-slider-border-color: #000000;)
(-slider-active-background-color: #f655ce;)
(-slider-active-border-color: #f655ce;) - go to line number 703 (box-shadow: inset 0 -2px 0px #0a9108;)
- Save the file and close.
to see the changes reboot is required.
edited Dec 3 at 12:03
answered Aug 13 at 20:33
PRATAP
1,8711523
1,8711523
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
add a comment |
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Hmm i see. I will do this then, since there is no other way. Thank you.
– StudentCoderJava
Aug 14 at 8:25
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Other way is to install GDM3 themes..have you tried installing gdm3 themes from gnome-look.org website? if you want to match your installed shell theme, then this method is good. First you need to dig the shell theme colors and then editing gdm3.css file.
– PRATAP
Aug 14 at 10:00
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
Yes I have tried, it did not work, nothing changed.
– StudentCoderJava
Aug 14 at 10:52
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
OK, have you tried the answer and could you able to change the colors?
– PRATAP
Aug 15 at 11:27
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
It did work yes. I guess this is the closest I will get to what I want so I will mark your answer.
– StudentCoderJava
Aug 15 at 13:18
add a comment |
Thanks for contributing an answer to Ask Ubuntu!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f1064491%2fubuntu-18-04-change-login-screen-theme-not-wallpaper%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
login screen on Ubuntu 18.04 is Purple Background, Do you want to change it to Black Color?
– PRATAP
Aug 11 at 19:09
No pleace notice I am talking about theme, which is for example the top bar with the clock etc.
– StudentCoderJava
Aug 11 at 19:10
can you attach a pic
– PRATAP
Aug 11 at 19:11
I have uploaded a picture, it's inside the red circle
– StudentCoderJava
Aug 11 at 19:44
by the way, can you share the link of the theme you mentioned "adapta theme"? i am trying to make it in different colors what you are looking for.
– PRATAP
Aug 12 at 7:53