My top panel/dashboard/menubar is black. I want to change it to white. Tried compiz, gnome-shell.css on my current theme, system gnome-shell.css, dconf/gconf editor, and many other ways. I am not using dash to panel or dash to dock. I am on 20.04. How can I change the panel's color?

  • I have 20.04 with Budgie desktop. I can make some changes to the transparency of my top panel by going to the "Budgie Desktop Settings" app.
    – hoatzin
    Aug 4, 2020 at 19:45
  • 1
    Please edit your question and mention in details what you have done so far, especially regarding editing the gnome-shell.css file(s). That should work provided you have made the correct changes to the correct css file (which may not even be available by default) associated to your current shell theme.
    – pomsky
    Aug 6, 2020 at 5:43
  • I did do that, I had to enable the user shell theme extension in gnome tweaks. Thank you for trying to help though! Jan 21, 2022 at 1:11

2 Answers 2


I personally use a GNOME extension called Dynamic Panel Transparency. In the extension settings you can change the top bar color and text color to whatever you'd like.

  • 1
    This does not change the panel color in the additional monitor. How can we do this?
    – spharish
    Nov 13, 2021 at 9:20
  • Is there a way to set this without needing to install a browser extension???
    – Michael
    Feb 25, 2022 at 3:59
  • Yes, if you edit the gnome-shell.css file AND enable the user shell themes extension (preinstalled), it should work with no browser extension (asumming you use GNOME Tweaks) and both monitors Mar 5, 2022 at 21:16

Within the gnome-shell theme you can modify the section that contains:

#panel .panel-button

and add/modify the line that contains for example:

background-color: rgba(25, 25, 25, 0.9);

if you want to modify the text color:

color: rgba(255, 255, 255, 0.9);

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .