{"id":10407,"date":"2020-07-03T13:59:32","date_gmt":"2020-07-03T13:59:32","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=10407"},"modified":"2020-07-03T13:59:32","modified_gmt":"2020-07-03T13:59:32","slug":"default-theme-colors-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2020\/07\/default-theme-colors-ubuntu-20-04\/","title":{"rendered":"Change Default Theme Colors in Ubuntu 20.04 via Yaru Colors"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2016\/03\/classic-gnome-icon.png\" alt=\"gnome shell\" width=\"245\" height=\"250\" class=\"aligncenter size-full wp-image-5741\" \/><\/p>\n<p>Want to change the default Yaru theme colors? Yaru-Colors is a theme project offers 12 different colors to the Yaru theme.<\/p>\n<p>With Yaru-Colors, you can change the Yaru theme colors of Applications, Cursors, Icons, and Gnome Shell menus (underline &#038; highlights).<\/p>\n<p>And available colors include: <b>aqua<\/b>, <b>blue<\/b>, <b>brown<\/b>, <b>deep blue<\/b>, <b>green<\/b>, <b>gray<\/b>, <b>mate<\/b>, <b>orange<\/b>, <b>pink<\/b>, <b>purple<\/b>, <b>red<\/b>, <b>yellow<\/b>. And all colors in light, dark, and standard modes.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors-600x336.jpg\" alt=\"\" width=\"600\" height=\"336\" class=\"aligncenter size-large wp-image-8930\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors-600x336.jpg 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors-450x252.jpg 450w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors-768x430.jpg 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2019\/05\/yaru-different-colors.jpg 1367w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><b>1.)<\/b> First click <a href=\"https:\/\/github.com\/Jannomag\/Yaru-Colors\/releases\" rel=\"noopener\" target=\"_blank\">download the tarball from release page<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/07\/download-yarucolors.png\" alt=\"\" width=\"450\" height=\"283\" class=\"aligncenter size-full wp-image-10408\" \/><\/p>\n<p><b>2.)<\/b> Open file browser, extract the source tarball, and right-click source folder, select &#8220;Open in Terminal&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/07\/open-yarucolors-terminal.png\" alt=\"\" width=\"450\" height=\"318\" class=\"aligncenter size-full wp-image-10409\" \/><\/p>\n<p><b>3.)<\/b> When terminal opens, run command to install the themes:<\/p>\n<pre style=\"border:none;\">bash install.sh<\/pre>\n<p>Follow terminal outputs to answer some questions and done!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/07\/yaru-colors-install.png\" alt=\"\" width=\"450\" height=\"261\" class=\"aligncenter size-full wp-image-10410\" \/><\/p>\n<p><b>4.)<\/b> Enable <b>User theme<\/b> extension via either <b>Extensions or Gnome Tweaks -> Extensions<\/b> (Both available in Ubuntu Software if you don&#8217;t have it).<\/p>\n<p>Or <a href=\"https:\/\/ubuntuhandbook.org\/index.php\/2020\/04\/dark-gnome-shell-menus-ubuntu-20-04\/\" rel=\"noopener\" target=\"_blank\">follow this tutorial to install User theme gnome shell extension<\/a> if you can&#8217;t enable the extension.<\/p>\n<p><b>5.)<\/b> Finally <b>open Gnome Tweaks and go to Appearance<\/b>, there select a different Yaru color theme for Applications, Icons, Shell.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2020\/07\/choose-yarucolors.png\" alt=\"\" width=\"450\" height=\"309\" class=\"aligncenter size-full wp-image-10411\" \/><\/p>\n<p><b>(Uninstall)<\/b> To remove these colors, re-do step 2.) and run uninstall script in pop-up terminal window:<\/p>\n<pre style=\"border:none;\">bash uninstall.sh<\/pre>","protected":false},"excerpt":{"rendered":"<p>Want to change the default Yaru theme colors? Yaru-Colors is a theme project offers 12 different colors to the Yaru theme. With Yaru-Colors, you can change the Yaru theme colors of Applications, Cursors, Icons, and Gnome Shell menus (underline &#038; highlights). And available colors include: aqua, blue, brown, deep blue, green, gray, mate, orange, pink, [&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":[1943],"class_list":["post-10407","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-theme-colors"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/10407","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=10407"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/10407\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=10407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=10407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=10407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}