
{"id":7205,"date":"2017-10-06T17:06:54","date_gmt":"2017-10-06T17:06:54","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=7205"},"modified":"2024-05-06T16:22:58","modified_gmt":"2024-05-06T16:22:58","slug":"change-login-screen-background-ubuntu-17-10","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2017\/10\/change-login-screen-background-ubuntu-17-10\/","title":{"rendered":"How to Change Login Screen Background in Ubuntu 18.04"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-5741\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2016\/03\/classic-gnome-icon.png\" alt=\"gnome shell\" width=\"245\" height=\"250\" \/><\/p>\n<p><b>Boring with the default purple login screen background in Ubuntu 18.04? Well, here&#8217;s how to make a change by hacking the css file.<\/b><\/p>\n<p><b>UPDATE 2024: This tutorial is outdated and only work for old Ubuntu 18.04!! For most recent Ubuntu versions, see <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2022\/04\/login-screen-background-ubuntu-22-04\/\" target=\"_blank\" rel=\"noopener\">this tutorial<\/a> instead!<\/b><\/p>\n<p>Ubuntu since 17.10 switches to Gnome 3 Desktop and GDM display manager. Although there are options to change desktop wallpaper and lock screen background (it&#8217;s actually screen saver with date &amp; time displayed), the login screen is always purple.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7206\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background-600x353.jpg\" alt=\"GDM login background\" width=\"600\" height=\"353\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background-600x353.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background-450x264.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background-768x451.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdm-login-background.jpg 1101w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>In the picture above, I&#8217;ve changed the login background to the image &#8220;Aardvark_Wallpaper_Grey_4096x2304.png&#8221; locate in \/usr\/share\/backgrounds.<\/p>\n<p><b>1. Move your favorite image to \/usr\/share\/backgrounds:<\/b><\/p>\n<p>It&#8217;s better to move the image you want to set as login background to system pictures folder: \/usr\/share\/backgrounds.<\/p>\n<p>To do so, open terminal via <b>Ctrl+Alt+T<\/b>, then either run command:<\/p>\n<pre style=\"border: none;\">sudo cp PATH\/TO\/YOUR\/IMAGE \/usr\/share\/backgrounds\/<\/pre>\n<p>or run command to open file browser via root and then do copy and paste in that window:<\/p>\n<pre style=\"border: none;\">xhost +local: &amp;&amp; sudo nautilus \/usr\/share\/backgrounds\/<\/pre>\n<p><b>2. Edit the css file that define GDM login background:<\/b><\/p>\n<p>Open terminal (Ctrl+Alt+T) and run command to edit file \/etc\/alternatives\/gdm3.css, which is linked to \/usr\/share\/gnome-shell\/theme\/gdm3.css:<\/p>\n<pre style=\"border: none;\">xhost +local: &amp;&amp; sudo gedit \/etc\/alternatives\/gdm3.css<\/pre>\n<p><i>Input your password (no visual feedback while typing) when it prompts and hit Enter. And of course back up the file before editing.<\/i><\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7207\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css-600x251.png\" alt=\"\" width=\"600\" height=\"251\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css-600x251.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css-450x188.png 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css-768x321.png 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/hack-gdm3css.png 973w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><b>3.<\/b> When the file opens, go to menu (right after &#8216;Save&#8217; button) -&gt; find and find out following section:<\/p>\n<pre style=\"backround: none;\">#lockDialogGroup {\r\n  background: #2c001e url(resource:\/\/\/org\/gnome\/shell\/theme\/noise-texture.png);\r\n  background-repeat: repeat; }<\/pre>\n<p>change the lines into:<\/p>\n<pre style=\"backround: none;\">#lockDialogGroup {\r\n  background: #2c001e url(<span style=\"color: red;\">file:\/\/\/usr\/share\/backgrounds\/Aardvark_Wallpaper_Grey_4096x2304.png<\/span>);\r\n  background-repeat: <span style=\"color: red;\">no-repeat<\/span>;\r\n  <span style=\"color: red;\">background-size: cover;<\/span>\r\n  <span style=\"color: red;\">background-position: center;<\/span> }<\/pre>\n<p>Replace <code>Aardvark_Wallpaper_Grey_4096x2304.png<\/code> with your picture file name.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7208\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked-600x185.jpg\" alt=\"\" width=\"600\" height=\"185\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked-600x185.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked-450x139.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked-768x237.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2017\/10\/gdmcss-hacked.jpg 1054w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Finally save the file and restart your computer to apply changes.<\/p>\n<p>NOTE: these changes may be overwritten in case of an system update with GDM packages. Please let me know if you find a good way to change the GDM3 login background in Ubuntu 17.10.<\/p>","protected":false},"excerpt":{"rendered":"<p>Boring with the default purple login screen background in Ubuntu 18.04? Well, here&#8217;s how to make a change by hacking the css file. UPDATE 2024: This tutorial is outdated and only work for old Ubuntu 18.04!! For most recent Ubuntu versions, see this tutorial instead! Ubuntu since 17.10 switches to Gnome 3 Desktop and GDM [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[780,1468],"class_list":["post-7205","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-gdm","tag-ubuntu-17-10"],"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/7205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=7205"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/7205\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=7205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=7205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=7205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}