Customizing GNOME's Top Panel: Here's How to do that!

Bored with the plain-old GNOME top panel? Spice things up with these customization tips!
Warp Terminal

GNOME is a popular desktop environment that provides a modern experience.

While it works for the most part, some of their decisions have left the user fuming and questioning.

You cannot have icons and files on the desktop, new document option has been removed from the right click context menu. In addition to that, GNOME has also removed the applet indicator functionality in the top panel.

You know what indicator applets are, don’t you? Those little icons that let you access additional features of the given application. I have plenty of them in my Ubuntu system.

And this creates a problem, for applications that rely completely on these applet indicators to function. Take Dropbox, for example. The only way to access Dropbox settings is through the app indicator.

Unfortunately, GNOME at its core does not support app indicators, unless you are using a GNOME-powered distro that supports it by default.

That’s an issue, but thankfully, there are several workarounds, with varying level of customizations for that. Here, I discuss some possible options.

First: Setup Third-Party GNOME Extension Support

If you are using GNOME, you probably already know what GNOME Extensions are. They give you extra functionalities on top of your desktop experience.

💡
Whether you want to enable app indicators or want to customize things, you need GNOME extensions.

You can enable the GNOME extensions by following this tutorial:

How to Use GNOME Shell Extensions [Complete Guide]
Step-by-step detailed guide to show you how to install GNOME Shell Extensions manually or easily via a browser.

It is easy. Go to any GNOME extension’s page using Firefox or Chrome, and it will suggest downloading a browser extension. Install it and you are good to go!

Click on the Link on the GNOME Extensions web page to install the GNOME Extensions add-on to your browser.
Install Browser Add-on

You may also need to install a package called chrome-gnome-shell, which can be installed in Ubuntu and Fedora by:

sudo apt install chrome-gnome-shell
OR
sudo dnf install chrome-gnome-shell

 If you are using Arch Linux, install it using:

sudo pacman -Syu gnome-browser-connector

Once you are ready to use extensions, we can start customizing the top panel using them. Let's go!

Enable App Indicators for GNOME Panel

App indicators are essential for the top panel experience. With them, you can interact with the apps running in the background, launch them, configure them, and stop them easily.

So, first we enable the app indicators, then we proceed customizing the panel.

📋
If you already have app indicators enabled or if your distro supports it, you can skip this section and move on to the customization tips next.

1. Using AppIndicator and KStatusNotifierItem Extension

There are various GNOME extensions available that allow adding applet indicators in the top panel. At the time of writing this tutorial, AppIndicator and KStatusNotifierItem Support is a well-developed extension that is supported for recent GNOME versions.

Head to its extension page using the button below:

On the page, you should see a toggle button. Click it to install it.

Install the AppIndicator and KStatusNotifierItem extension in GNOME from the GNOME Extensions web page.
Install the Extension

There will be a pop-up. Hit install when you see it.

Click on the install button to install the extension
Click on Install

The results may be seen immediately. If you have any applications installed that provides an indicator applet, you should see it on the top panel.

If that's not the case, you’ll have to restart GNOME. On Xorg, you could just use Alt+F2 and enter “r” but that does not work in Wayland.

Log out of the system and log back in. The Applet indicator should be activated now.

In my case, I had Dropbox already installed; hence it started showing the icon in the top panel.

The Dropbox icon is showing on the GNOME Top panel, along with various Dropbox settings and information.
Dropbox Panel Applet

This extension does not provide a lot of customization options, but the basics.

Tweak settings available in AppIndicator and KStatusNotifierItem extension
AppIndicator Settings

Things you can do include:

  • Bring the Tray icon to center, left or right (default).
  • Change the appearance of the icons, including size and opacity.

2. Using Tray Icons: Reloaded

Tray Icons: Reloaded is another tray icon support extension for GNOME. By default, it works well in Xorg and XWayland. You can go to the extensions page and install it.

Once installed, you can do several tweaks with this cool extension.

Overflow Mode

Usually, in this extension, if there are more than 3/4 applet indicators active in the top panel, it will show you an overflow mode. Here, the indicators are placed neatly on an overflow menu.

Tray Icons Reloaded extension, overflow mode. where the additional tray icons are visible on a dropdown menu on the top panel.
Overflow Mode

It is possible to set the Tray icon limit to your liking so that, the excess icons are moved to overflow, resulting in a very neat top panel.

Other Features

  • Wine App Support (Left and middle click affect all wine apps)
  • Invoke app to current workspace, from where it is opened at the moment.
  • You can use Shift + Middle Click to kill an app.
  • Hide selected apps in your tray
  • Other visual tweaks

Now that you know how to enable app indicators for the top panel. Here's how you can customize the experience:

Customizing the GNOME Panel Using Unite

Unite Default Appearance, with window buttons on top panel
Unite Default Appearance

Unite is an extension, that applies some pre-configured settings to your top panel. You can introduce changes to them using the extension’s settings page. According to the documentation, by default, when you install this extension, it will help you:

  • Add window buttons to the top panel for maximized windows.
  • Show current window title in the app menu for maximized windows.
  • Remove title bars on maximized windows.
  • Hide window controls on maximized windows with header bars.
  • Move the date to the right, fixes icons spacing and removes dropdown arrows.
  • Move legacy tray icons to the top panel.
  • Move notifications to the right.
  • Hide activities button.
  • Add the desktop name to the top panel.

When you open the extension settings, you will get several options with toggle buttons and drop-down menu. Make changes as you require.

Unite extension settings with some interesting settings marked
Unite Extension Settings

Here, I have marked some settings that can make your desktop experience a bit different.

  • Setting the notification area position to a location convenient to you is one handy trick

Similarly, you can show a desktop name in the top bar. By default, it will display “GNOME Desktop” on the top left of the panel. The text can be changed in the Appearance menu.

Add a custom name to the GNOME Desktop on teh top panel.
Custom Desktop Name

Now, when you are on the desktop, it will display the name of your choice on the top left of the panel.

Likewise, it is possible to change the position and theme of the windows buttons (close, minimize, and maximize) on the top panel. Here, you can set a different theme and position.

The position and Appearance of the top panel window button is changed.
Change Position and Theme of Window Button

Customizing the GNOME Panel Using Quick Settings Tweaker

Quick Settings Tweaker or QSTweaker is another cool GNOME Extension that works on GNOME 43+. If you are running Ubuntu 23.10, Fedora 39, etc., you can take advantage of this.

When you install this extension, it will move the notification part to the right side of the panel. This will leave a very neat and small calendar in the center, with all other controls going to the right side.

0:00
/0:07

Default Quick Settings Tweaker Appearance

Now, there are many useful customizations available in this extension. Let me highlight some two important ones.

1. Remove Selected Items from Quick Toggle

If you don’t want some item inside the quick toggle, you can hide it using this setting. You can also bring back what you disabled/removed.

Hide Selected items from GNOME Quick Toggles
Hide Selected Buttons

You can see it in the above screenshot, I have removed the icons for tools like settings, screenshot, etc. from the quick toggle. Scroll down the settings page to hide more options like Bluetooth, Dark Mode toggle, etc.

2. Control Volumes and Media Playing

By default, it places a volume mixer and also adds a media widget, that allows to manage various media sources.

The main attraction is, everything is now accessible from the right side of the panel.

Various media sources playing media, and quick control buttons on the system tray itself.
Multiple Audio Sources

You can choose to disable the media widget, and the sliders, if you do not like it. Moreover, you can adjust the position, if you want the sliders to appear below the toggle buttons.

Bonus: Blur My Shell

You can use Blur my shell to make your panel look really cool. Here is a simple customizing tip for you!

First install the extension from its page or through the Extension manager application.

Now, access the settings and go to the panel tab. Here, toggle on the Panel blur and Customize Properties buttons.

Under the Panel tab, enable Panel blur. Toggle on the Customize properties button. Later, inside the Customize Properties, reduce the Sigma value to zero.
Reduce Sigma Value to Zero

Under Customize properties, adjust the value of Sigma to Zero.

Then, scroll down a bit and toggle on the Override Background Button. Under this setting, change the Background Style to “Contrasted”. Furthermore, enable the “Disable when a window is near” option.

Toggle on Override Background button. Thereafter, for Background Style, select “Contrasted” from the dropdown menu. Now, enable the “Hide when window is near” option.
Set Background Properties

That’s it. You can see that the panel now becomes more attractive.

0:00
/0:09

Panel with Blur My Shell Settings Applied

Wrapping Up

It is pretty easy to adjust the GNOME top panel, for a better look, or quick accessibility.

Of course, that's not all. If you want more GNOME customization, try this:

Customizing GNOME with Just Perfection Extension
Add new customization aspects to your Linux desktop with Just Perfection GNOME Extension.
About the author
Sreenath

Sreenath

Linux tinkerer by day, Lord of the Rings fanatic by night. When I'm not busy conquering the command line, you can find me kicking back and watching some football while quoting JRR Tolkien

Become a Better Linux User

With the FOSS Weekly Newsletter, you learn useful Linux tips, discover applications, explore new distros and stay updated with the latest from Linux world

itsfoss happy penguin

Great! You’ve successfully signed up.

Welcome back! You've successfully signed in.

You've successfully subscribed to It's FOSS.

Success! Check your email for magic link to sign-in.

Success! Your billing info has been updated.

Your billing was not updated.