{"id":1981,"date":"2013-10-24T06:50:32","date_gmt":"2013-10-24T06:50:32","guid":{"rendered":"http:\/\/ubuntuhandbook.org\/?p=1981"},"modified":"2013-10-24T06:50:32","modified_gmt":"2013-10-24T06:50:32","slug":"customize-elementaryos-panel","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2013\/10\/customize-elementaryos-panel\/","title":{"rendered":"How to Customize the Top Panel in Elementary OS Luna"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/Elementary_logo.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/Elementary_logo.png\" alt=\"customize elementary os panel\" width=\"220\" height=\"220\" class=\"aligncenter size-full wp-image-1983\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/Elementary_logo.png 220w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/Elementary_logo-150x150.png 150w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/a><\/p>\n<p>This tutorial shows you how to customize your Elementary OS top panel, including <b>background color and transparency<\/b>, <b>auto hide panel<\/b>, and <b>show or hide Applications launcher<\/b>.<\/p>\n<p>To get started, press <u>Ctrl+Alt+T<\/u> on your keyboard to open terminal. When it opens, run command to edit the <code>\/usr\/share\/themes\/elementary\/gtk-3.0\/app.css<\/code>:<\/p>\n<pre>sudo scratch-text-editor \/usr\/share\/themes\/elementary\/gtk-3.0\/apps.css<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementary-panel-config.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementary-panel-config.jpg\" alt=\"eos panel config file\" width=\"560\" height=\"337\" class=\"aligncenter size-full wp-image-1984\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementary-panel-config.jpg 560w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementary-panel-config-300x180.jpg 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<p>There you can change the value of panel background color and transparency as well as other colors, include <b>Noise, Terminal, Notify, and more<\/b>.<\/p>\n<p>To apply changes, run:<\/p>\n<pre>pkill wingpanel<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel.jpg\" alt=\"elementary os panel\" width=\"580\" height=\"172\" class=\"aligncenter size-full wp-image-1985\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel.jpg 580w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel-300x88.jpg 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><\/p>\n<p>To get <b>slim wingpanel<\/b>, run command below in terminal:<\/p>\n<pre>sudo apt-get install wingpanel-slim elementary-tweaks<\/pre>\n<p>Then go to <i>System Settings -> Tweaks -> Wingpanel Slim<\/i>, there you can enable slim wingpanel, auto-hide panel, show \/ hide launcher.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementarytweak-wingpanel.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementarytweak-wingpanel.jpg\" alt=\"elementary tweak slim wingpanel\" width=\"580\" height=\"308\" class=\"aligncenter size-full wp-image-1986\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementarytweak-wingpanel.jpg 580w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementarytweak-wingpanel-300x159.jpg 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a> <\/p>\n<p>Finally, my panel looks like:<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel1.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel1.jpg\" alt=\"elementary os slim panel\" width=\"580\" height=\"166\" class=\"aligncenter size-full wp-image-1987\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel1.jpg 580w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2013\/10\/elementaryos-panel1-300x85.jpg 300w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows you how to customize your Elementary OS top panel, including background color and transparency, auto hide panel, and show or hide Applications launcher. To get started, press Ctrl+Alt+T on your keyboard to open terminal. When it opens, run command to edit the \/usr\/share\/themes\/elementary\/gtk-3.0\/app.css: sudo scratch-text-editor \/usr\/share\/themes\/elementary\/gtk-3.0\/apps.css There you can change the value [&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":[435,722],"class_list":["post-1981","post","type-post","status-publish","format-standard","hentry","category-howtos","tag-elementary-os-luna","tag-elementary-os-panel"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/1981","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=1981"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/1981\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=1981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=1981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=1981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}