{"id":1103,"date":"2024-08-31T00:18:41","date_gmt":"2024-08-31T00:18:41","guid":{"rendered":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/"},"modified":"2024-12-10T05:06:50","modified_gmt":"2024-12-10T05:06:50","slug":"how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell","status":"publish","type":"post","link":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/","title":{"rendered":"How to Use Lilypad for Customizing Panel Icons in GNOME Shell"},"content":{"rendered":"

Just like in Windows where you can minimize taskbar icons, or in macOS where tools like Bartender<\/em> allow you to hide menu bar icons, GNOME Shell has a similar feature.<\/strong><\/p>\n<\/p>\n

A new extension called Lilypad<\/em> for GNOME Shell offers the functionality to hide or display top bar items at your discretion, as well as rearrange their order.<\/p>\n<\/p>\n

The top panel tends to become cluttered particularly when using multiple GNOME Shell extensions such as a track display for current music, a productivity tool like Day Progress<\/em><\/a>, or a system monitor such as Astra Monitor<\/em><\/a>.<\/p>\n<\/p>\n

This clutter is compounded by traditional tray icons for background applications like Discord<\/em>, Slack<\/em>, Spotify<\/em>, and others, causing a quick buildup of visual clutter.<\/p>\n<\/p>\n

But with the Lilypad<\/em> GNOME extension you can bring order the chaos: move the icons and applets you don\u2019t need on view into a collapsable group, then show\/hide them on demand:<\/p>\n<\/p>\n

Besides, it\u2019s not just applet-addicts who may find Lilypad<\/em> useful.<\/p>\n<\/p>\n

Ubuntu users may want to use this to bring some visual consistency to the top panel.<\/p>\n<\/p>\n

Although most<\/em> GNOME extensions that put things in the top panel use monochromatic\/symbolic icons to match the rest of the panel, that uniformity is marred by 3rd-party apps that use colour icons or icons which are smaller\/larger than others, creating a carnival of inconsistency.<\/p>\n<\/p>\n

Well, with Lilypad<\/em> you can hide those ugly icons out of sight \u2014 without<\/em> losing the ability to use the functionality they provide. <\/p>\n<\/p>\n

Finally, and most useful, you can use Lilypad<\/em> to rearrange icons in the top bar, putting extensions applets and tray icons in the order you\u2019d prefer. <\/p>\n<\/p>\n

\u2014I\u2019m sure some will say \u201cyou shouldn\u2019t run so many things in the first place\u201d, but yeah, well, some people do! And there\u2019s no reason people should remould their workflow to suit someone else\u2019s of idea of \u2018how to use GNOME\u2019 if what works for them, works.<\/em><\/p>\n<\/p>\n

Get Lilypad<\/h2>\n<\/p>\n

Install Lilypad<\/em> through the Extensions Manager<\/em> app, then open the extension\u2019s settings window. A window appears showing you a list of active panel icons. Drag and drop to re-order these. To hide items drop them in the Lilypad<\/em> section at the bottom.<\/p>\n<\/p>\n

If you\u2019re the kind of person who has a lot of icons, applets, and GNOME extensions sat in the top bar, and you want to visually declutter your panel without<\/em> losing functionality, features, or access to those things, I recommend checking this out.<\/p>\n<\/p>\n

\u2022 Get Lilypad on GNOME Extensions<\/a><\/strong><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"

Just like in Windows where you can minimize taskbar icons, or in macOS where tools like Bartender allow you to hide menu bar icons, GNOME Shell has a similar feature. A new extension called Lilypad for GNOME Shell offers the functionality to hide or display top bar items at your discretion, as well as rearrange […]<\/p>\n","protected":false},"author":1,"featured_media":1104,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"yoast_head":"\nUse Lilypad to Customize GNOME Shell Icons | ServerHost<\/title>\n<meta name=\"description\" content=\"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Use Lilypad to Customize GNOME Shell Icons | ServerHost\" \/>\n<meta property=\"og:description\" content=\"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/\" \/>\n<meta property=\"og:site_name\" content=\"ServerHost Hosting Solutions Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-31T00:18:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-10T05:06:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"806\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/\",\"url\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/\",\"name\":\"Use Lilypad to Customize GNOME Shell Icons | ServerHost\",\"isPartOf\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp\",\"datePublished\":\"2024-08-31T00:18:41+00:00\",\"dateModified\":\"2024-12-10T05:06:50+00:00\",\"author\":{\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\"},\"description\":\"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage\",\"url\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp\",\"contentUrl\":\"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp\",\"width\":1536,\"height\":806},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serverhost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use Lilypad for Customizing Panel Icons in GNOME Shell\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serverhost.com\/blog\/#website\",\"url\":\"https:\/\/serverhost.com\/blog\/\",\"name\":\"ServerHost Hosting Solutions Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serverhost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/serverhost.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/serverhost.com\/blog\"],\"url\":\"https:\/\/serverhost.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Use Lilypad to Customize GNOME Shell Icons | ServerHost","description":"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/","og_locale":"en_US","og_type":"article","og_title":"Use Lilypad to Customize GNOME Shell Icons | ServerHost","og_description":"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.","og_url":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/","og_site_name":"ServerHost Hosting Solutions Blog","article_published_time":"2024-08-31T00:18:41+00:00","article_modified_time":"2024-12-10T05:06:50+00:00","og_image":[{"width":1536,"height":806,"url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/","url":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/","name":"Use Lilypad to Customize GNOME Shell Icons | ServerHost","isPartOf":{"@id":"https:\/\/serverhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage"},"image":{"@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage"},"thumbnailUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp","datePublished":"2024-08-31T00:18:41+00:00","dateModified":"2024-12-10T05:06:50+00:00","author":{"@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66"},"description":"Lilypad makes GNOME Shell icon customization a breeze, offering a wide range of options to personalize your desktop environment and improve user experience.","breadcrumb":{"@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#primaryimage","url":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp","contentUrl":"https:\/\/serverhost.com\/blog\/wp-content\/uploads\/2024\/08\/d8a84bb51b7eb7197a4c36b620d9eeb2.webp","width":1536,"height":806},{"@type":"BreadcrumbList","@id":"https:\/\/serverhost.com\/blog\/how-to-use-lilypad-for-customizing-panel-icons-in-gnome-shell\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serverhost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Use Lilypad for Customizing Panel Icons in GNOME Shell"}]},{"@type":"WebSite","@id":"https:\/\/serverhost.com\/blog\/#website","url":"https:\/\/serverhost.com\/blog\/","name":"ServerHost Hosting Solutions Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serverhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/535ebc9c42672d8f79ad3ee8ea563d66","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serverhost.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b8e5973018461f98bcdda40e69a0a7ae6548c079e5e7a1a0c8b40c0738e0fb52?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/serverhost.com\/blog"],"url":"https:\/\/serverhost.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/1103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/comments?post=1103"}],"version-history":[{"count":1,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/1103\/revisions"}],"predecessor-version":[{"id":1676,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/posts\/1103\/revisions\/1676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media\/1104"}],"wp:attachment":[{"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/media?parent=1103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/categories?post=1103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serverhost.com\/blog\/wp-json\/wp\/v2\/tags?post=1103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}