{"id":32610,"date":"2020-08-09T13:21:50","date_gmt":"2020-08-09T13:21:50","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=32610"},"modified":"2024-04-24T16:30:18","modified_gmt":"2024-04-24T16:30:18","slug":"apply-blur-effect-ubuntu-gnome","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2020\/08\/apply-blur-effect-ubuntu-gnome\/","title":{"rendered":"How to Apply Blur Effect in Ubuntu 24.04, 22.04, 20.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>This simple tutorial shows how to apply a blur effect to GNOME Shell UI elements in Ubuntu 20.04 LTS, Ubuntu 22.04, and Ubuntu 24.04.<\/p>\n<p>Since the previous Blyr extension is no longer updated. Here&#8217;s the new &#8220;Blur my Shell&#8221; extension, which adds blur effects to:<\/p>\n<ul>\n<li>top panel<\/li>\n<li>dash<\/li>\n<li>activities overview<\/li>\n<li>and lock screen.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-33868\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur-600x337.jpg\" alt=\"\" width=\"600\" height=\"337\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur-600x337.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur-300x169.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur-768x432.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/ubuntu-gnome-blur.jpg 1366w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>To install the extension, do following steps one by one:<\/p>\n<p><b>1.)<\/b> Open terminal by pressing <b>Ctrl+Alt+T<\/b> on keyboard, then run command:<\/p>\n<pre style=\"border: none;\">sudo apt install chrome-gnome-shell<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-9943\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png\" alt=\"\" width=\"600\" height=\"139\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell.png 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/04\/chrome-gshell-450x104.png 450w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><b>2.)<\/b> Go to <a href=\"https:\/\/extensions.gnome.org\/\" target=\"_blank\" rel=\"noopener\">extensions.gnome.org<\/a>, and click the link to install the browser integration.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10357\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png\" alt=\"\" width=\"520\" height=\"256\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension.png 520w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/06\/gnome-browser-extension-450x222.png 450w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/p>\n<p><b>3.)<\/b> Finally go to <a href=\"https:\/\/extensions.gnome.org\/extension\/3193\/blur-my-shell\/\" target=\"_blank\" rel=\"noopener\">Blue my Shell web page<\/a>, toggle on the slider icon to install the extension.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-33869\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell-600x291.jpg\" alt=\"\" width=\"600\" height=\"291\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell-600x291.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell-300x146.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell-768x373.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/install-blur-myshell.jpg 948w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><b>4.)<\/b> Install the &#8216;Extensions&#8217; utility to toggle blur effect:<\/p>\n<pre style=\"border: none;\">sudo apt install gnome-shell-extension-prefs<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/apt-extension-prefs.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-33778\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/apt-extension-prefs-600x198.jpg\" alt=\"\" width=\"600\" height=\"198\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/apt-extension-prefs-600x198.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/apt-extension-prefs-300x99.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/05\/apt-extension-prefs.jpg 723w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Once installed, search for and open &#8216;Extensions&#8217;. Then click on the gear icon to change the extension settings.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-33870\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell-600x447.jpg\" alt=\"\" width=\"600\" height=\"447\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell-600x447.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell-300x224.jpg 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell-768x572.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/08\/toggle-blurmyshell.jpg 931w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This simple tutorial shows how to apply a blur effect to GNOME Shell UI elements in Ubuntu 20.04 LTS, Ubuntu 22.04, and Ubuntu 24.04. Since the previous Blyr extension is no longer updated. Here&#8217;s the new &#8220;Blur my Shell&#8221; extension, which adds blur effects to: top panel dash activities overview and lock screen. To install [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[1976],"class_list":["post-32610","post","type-post","status-publish","format-standard","hentry","category-gnome-shell","tag-blur-background"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/32610","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=32610"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/32610\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=32610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=32610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=32610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}