{"id":39910,"date":"2022-05-17T15:13:08","date_gmt":"2022-05-17T15:13:08","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=39910"},"modified":"2022-05-17T15:13:08","modified_gmt":"2022-05-17T15:13:08","slug":"install-themes-ubuntu-22-04","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/05\/install-themes-ubuntu-22-04\/","title":{"rendered":"How to Install &#038; Change Themes in Ubuntu 22.04 [Beginner&#8217;s Guide]"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" class=\"alignleft size-thumbnail wp-image-38307\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/ubuntu2204-logo.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/p>\n<p>Ubuntu 22.04 desktop looks really good today, but it&#8217;s always better to have choices! And, here is the beginner&#8217;s guide shows how to install themes and change the desktop panel, icons, app windows appearance.<\/p>\n<h3>Change Themes in Ubuntu 22.04<\/h3>\n<p>Ubuntu defaults to Yaru theme in light and dark mode, along with 10 different accent colors. There are a few others pre-installed in the system, and we usually use &#8220;<b>Gnome Tweaks<\/b>&#8221; to choose among them.<\/p>\n<p>1.) Firstly, press Ctrl+Alt+T on keyboard to open terminal. When it opens, run the command below to install &#8216;Gnome Tweaks&#8217;:<\/p>\n<pre>sudo apt install gnome-tweaks<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-gnometweaks-600x130.webp\" alt=\"\" width=\"600\" height=\"130\" class=\"aligncenter size-large wp-image-39911\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-gnometweaks-600x130.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-gnometweaks-300x65.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-gnometweaks.webp 750w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>2.) Then, either press <i>Windows\/Super<\/i> on keyboard or click &#8220;Activities&#8221; on top bar, and then search for and launch the configuration tool.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/open-gnome-tweaks.jpg\" alt=\"\" width=\"600\" height=\"257\" class=\"aligncenter size-full wp-image-35690\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/open-gnome-tweaks.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2021\/11\/open-gnome-tweaks-300x129.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>3.) By navigating to &#8220;<b>Appearance<\/b>&#8221; tab, you&#8217;ll see the options to change the themes for mouse cursor, icons, shell, sound, and legacy applications.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes-600x374.webp\" alt=\"\" width=\"600\" height=\"374\" class=\"aligncenter size-large wp-image-39913\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes-600x374.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes-300x187.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes-768x479.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/tweak-themes.webp 1032w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Since GNOME (<i>Ubuntu&#8217;s default desktop environment<\/i>) is preventing custom themes for GTK4 applications via libadwaita, the GTK theme option in Gnome Tweaks becomes &#8220;<b>Legacy Applications<\/b>&#8220;. Ubuntu 22.04 ships few GTK4 apps and avoids libadwaita, so the option works good so far.<\/p>\n<h4>Enable Shell theme selection box:<\/h4>\n<p>The <b>Shell<\/b> theme selection box that apply appearance of desktop panel, context menu and notifications, is <i>grayed out<\/i> by default. To enable it, you have to install &#8220;User Themes&#8221; extension.<\/p>\n<p>Firstly, press Ctrl+Alt+T on keyboard to open terminal. When it opens, run the command below to install extension manager app:<\/p>\n<pre>sudo apt install gnome-shell-extension-manager<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-600x256.webp\" alt=\"\" width=\"600\" height=\"256\" class=\"aligncenter size-large wp-image-39606\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-600x256.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-300x128.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager-768x328.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/apt-extension-manager.webp 786w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Next, click on the &#8220;Activities&#8221; on top bar, search for and open the tool:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp\" alt=\"\" width=\"548\" height=\"281\" class=\"aligncenter size-full wp-image-39607\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager.webp 548w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/launch-extensionmanager-300x154.webp 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/p>\n<p>Finally, install &#8220;User Themes&#8221; extension from the &#8216;Browser&#8217; tab in Extension manager application:<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme-600x440.webp\" alt=\"\" width=\"600\" height=\"440\" class=\"aligncenter size-large wp-image-39914\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme-600x440.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme-300x220.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme-768x563.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/install-usertheme.webp 941w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>After that, re-open Gnome Tweaks. It should allows to change &#8220;Shell&#8221; theme now in <i>Appearance<\/i> tab. <\/p>\n<h3>How to Install Themes in Ubuntu 22.04<\/h3>\n<p>There are many other themes available on the web, such as <a href=\"https:\/\/www.gnome-look.org\/browse\/\" rel=\"noopener\" target=\"_blank\">gnome-look.org<\/a>. Some of them has installation script but some not.<\/p>\n<p>1. To manually install a theme in Ubuntu &#038; most other Linux, firstly open user home folder from the dock:<\/p>\n<div id=\"attachment_39916\" style=\"width: 506px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-39916\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/open-homefolder.webp\" alt=\"\" width=\"496\" height=\"276\" class=\"size-full wp-image-39916\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/open-homefolder.webp 496w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/open-homefolder-300x167.webp 300w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><p id=\"caption-attachment-39916\" class=\"wp-caption-text\">Firstly open user home folder<\/p><\/div>\n<p>2. Press <b>Ctrl+H<\/b> on keyboard when file manager opens to view\/hide hidden folders, and create the <b>.themes<\/b> and <b>.icons<\/b> folders if they are not exist:<\/p>\n<ul>\n<li><b>.themes<\/b> &#8211; use for GTK app themes and shell\/desktop themes.<\/li>\n<li><b>.icons<\/b> &#8211; use for icon set.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folders-600x356.webp\" alt=\"\" width=\"600\" height=\"356\" class=\"aligncenter size-large wp-image-39917\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folders-600x356.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folders-300x178.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folders-768x456.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folders.webp 919w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>3. Next, put your downloaded GTK themes and Gnome Shell themes into &#8220;.themes&#8221; folder. And, put icon themes into &#8220;.icons&#8221; folder.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes-600x356.webp\" alt=\"\" width=\"600\" height=\"356\" class=\"aligncenter size-large wp-image-39918\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes-600x356.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes-300x178.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes-768x456.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/local-themes.webp 919w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>A theme folder usually contents a few sub-folders as well as a &#8216;index.theme&#8217; file. By putting it into the right location, Gnome Tweak will find it automatically and display as choice in selection box.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content.webp\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content-600x356.webp\" alt=\"\" width=\"600\" height=\"356\" class=\"aligncenter size-large wp-image-39919\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content-600x356.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content-300x178.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content-768x456.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/05\/theme-folder-content.webp 919w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>To install themes for all system user use, put these folders into &#8220;<b>\/usr\/share\/themes<\/b>&#8221; and\/or &#8220;<b>\/usr\/share\/icons<\/b>&#8220;, though you need sudo user privilege to do the copy &#038; paste things.<\/p>","protected":false},"excerpt":{"rendered":"<p>Ubuntu 22.04 desktop looks really good today, but it&#8217;s always better to have choices! And, here is the beginner&#8217;s guide shows how to install themes and change the desktop panel, icons, app windows appearance. Change Themes in Ubuntu 22.04 Ubuntu defaults to Yaru theme in light and dark mode, along with 10 different accent colors. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":38307,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[598],"class_list":["post-39910","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-gtk-themes"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/39910","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=39910"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/39910\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/38307"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=39910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=39910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=39910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}