Home / ubuntu / Questions / 1160228
In Process
TheLittleNaruto
Asked: 2019-07-23 09:52:39 +0800 CST

How to keep GNOME panel transparent even when app is maximized in Ubuntu 18.04?

  • 772

I am using GNOME's "Dash-to-panel" extension for shifting status bar to the top and same for the transparency.

In Desktop mode, the transparency is there on status bar

screenshot, desktop mode

However, Status Bar Transparency does not persist when any app is opened in maximized mode

screenshot, maximized mode

Is there any way to keep the transparency in maximized mode?

Update:

As per this answer, I tried using Dynamic-Panel-Transparency but after reboot it is showing an error and did not work as well:

enter image description here

It says "Error Loading Extension".

transparency gnome-shell statusbar background

1 Answers

  1. I had the same issue with that extension. So, I went to the source of the problem.

    The steps I took:

    1. Open the terminal.

    2. Navigate to ubuntu.css.

      cd /usr/share/gnome-shell/theme

    3. For security I copied ubuntu.css.

      sudo cp ubuntu.css ubuntu_css.txt

      just in case I screwed up the file.

    4. Open ubuntu.css in an editor.

      sudo vi ubuntu.css

    5. Search document for panel.solid until you should see /* panel color */.

      /* panel color */
#panel.solid {
background-gradient-direction: vertical;
background-gradient-start: #58554d;
background-gradient-end: #3f3e39;      
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
}

    6. For security I commented out background-gradient- css options by using /* */ so that I could keep the original code.

    7. Add a new line and typed:

      background-color: rgba( 0, 0, 0, 0.1);

    8. Save the file and restart the computer.

    The completed code looks like this:

    #panel.solid {
 /* background-gradient-direction: vertical;
  background-gradient-start: #58554d;
  background-gradient-end: #3f3e39; */
  background-color: rgba(0, 0, 0, 0.1);
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
}
    • 1