{"id":47559,"date":"2024-11-18T12:06:33","date_gmt":"2024-11-18T12:06:33","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=47559"},"modified":"2024-11-18T12:06:33","modified_gmt":"2024-11-18T12:06:33","slug":"customize-lock-screen-itself","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2024\/11\/customize-lock-screen-itself\/","title":{"rendered":"Customize Lock Screen in Ubuntu 24.04 from Lock screen Itself"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-44710\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/11\/gnome-logo-dark.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Boring with the default lock screen? Here&#8217;s a new extension to customize it from GNOME lock screen itself!<\/p>\n<p>I&#8217;ve written about how to <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2020\/05\/lock-screen-background-ubuntu-20-04\/\" target=\"_blank\" rel=\"noopener\">change lock screen background<\/a> in Ubuntu with default GNOME desktop. Here&#8217;s now a new choice to do the job when you&#8217;re at the lock screen.<\/p>\n<p>Meaning you don&#8217;t need to configure then lock (to see the change) and un-lock again and again. Just make changes on the fly, until it fits the best the you like.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47560\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-700x394.webp\" alt=\"\" width=\"610\" height=\"343\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-700x394.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-300x169.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-768x432.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-1536x864.webp 1536w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen-1320x743.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/custom-lockscreen.webp 1920w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<p>As you see in the screenshot above, it provides a menu in top-left of lock-screen, allowing to customize the things below <b>on per-monitor basis<\/b>:<\/p>\n<ul>\n<li><b>Select lock-screen wallpaper<\/b> from images in <code>\/usr\/share\/backgrounds<\/code> directory.<\/li>\n<li><b>Set single color or gradient color background.<\/b><\/li>\n<li>Set background size: cover, center, or contain.<\/li>\n<li>Change blur radius and brightness.<\/li>\n<\/ul>\n<p>It as well provides an option to hide that menu button, when you&#8217;re done customizing the appearance.<\/p>\n<h3>Install the Lockscreen Extension<\/h3>\n<p>The extension so far works on <b>Ubuntu (22.04, 24.04, and 24.10)<\/b>, <b>Fedora Workstation (39, 40, 41)<\/b> and other Linux with recent <b>GNOME from version 42 to 47<\/b>, including Debian 12, Arch, and Manjaro Linux.<\/p>\n<p><b>For Ubuntu<\/b>, first search for and install <b>Extension Manager<\/b> app from either Ubuntu Software or App Center (filter by Debian package).<\/p>\n<div id=\"attachment_44419\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-44419\" class=\"size-large wp-image-44419\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp\" alt=\"\" width=\"600\" height=\"425\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-600x425.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-300x212.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter-768x544.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2023\/09\/extension-manager-inappcenter.webp 989w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-44419\" class=\"wp-caption-text\">Install Extension Manager in Ubuntu Software\/App Center<\/p><\/div>\n<p>Then launch the tool. Navigate to <code>Browse<\/code> tab, and finally search &amp; install &#8220;Lockscreen Extension&#8221;.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47561\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em-700x521.webp\" alt=\"\" width=\"610\" height=\"454\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em-700x521.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em-300x223.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em-768x571.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-em.webp 895w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p><b>For choice<\/b>, all supported GNOME users can go to the extension web page via the link button below:<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/extensions.gnome.org\/extension\/7472\/lockscreen-extension\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lockscreen Extension<\/a><\/div>\n<\/div>\n<p>Then, use the ON\/OFF switch to install.<\/p>\n<p>Note that if the toggle switch is not available, you may need to install browser extension (via the link in that page) and refresh.<\/p>\n<p>And, Debian\/Ubuntu users need to first install the agent package by running the command below in terminal (Ctrl+Alt+T):<\/p>\n<pre>sudo apt install chrome-gnome-shell<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47562\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser-700x422.webp\" alt=\"\" width=\"610\" height=\"368\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser-700x422.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser-300x181.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser-768x463.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser-1320x796.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreenextension-browser.webp 1331w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>Once installed the extension, go to lock-screen, and use the top-left menu to configure the background and enjoy!<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47563\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-700x394.webp\" alt=\"\" width=\"610\" height=\"343\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-700x394.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-300x169.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-768x432.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-1536x864.webp 1536w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu-1320x743.webp 1320w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/lockscreen-menu.webp 1920w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h3>Hide \/ Un-hide the Menu<\/h3>\n<p>As mentioned, the menu provides a button in the bottom, allowing to hide that menu after custimized lock-screen.<\/p>\n<p>If you want to re-enable (un-hide) it, then, install <b>dconf-editor<\/b> app from your system package manager.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-46152\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter-700x417.webp\" alt=\"\" width=\"610\" height=\"363\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter-700x417.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter-300x179.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter-768x458.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/04\/install-dconfeditor-appcenter.webp 1106w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<p>Next, launch the tool and navigate to <code>\/org\/gnome\/shell\/extensions\/lockscreen-extension\/<\/code>. Finally, turn off the toggle switch for the key &#8216;hide-lockscreen-extension-button&#8217;.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47564\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension-700x499.webp\" alt=\"\" width=\"610\" height=\"435\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension-700x499.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension-300x214.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension-768x548.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/dconf-editor-lockscreenextension.webp 981w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>\n<h3>Uninstall Lockscreen Extension<\/h3>\n<p>To uninstall the extension, either go to the extension website via the link above, then turn off the switch.<\/p>\n<p>Or, install &amp; launch either <code>Gnome Extensions<\/code> or <code>Extension Manager<\/code> app (both are available in Ubuntu Software \/ App Center), then use the tool to disable or remove all user installed extensions.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-47565\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em-700x521.webp\" alt=\"\" width=\"610\" height=\"454\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em-700x521.webp 700w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em-300x223.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em-768x571.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2024\/11\/uninstall-lockscreen-em.webp 895w\" sizes=\"auto, (max-width: 610px) 100vw, 610px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Boring with the default lock screen? Here&#8217;s a new extension to customize it from GNOME lock screen itself! I&#8217;ve written about how to change lock screen background in Ubuntu with default GNOME desktop. Here&#8217;s now a new choice to do the job when you&#8217;re at the lock screen. Meaning you don&#8217;t need to configure then [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44710,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[689],"class_list":["post-47559","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gnome"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/47559","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=47559"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/47559\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/44710"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=47559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=47559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=47559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}