Ubuntu – Change color of top menu bar in Unity and top menu bar in any window (application and file explorer)

colorsunity

How can I change the color of top menu bar in Unity and top menu bar in any window (application and file explorer)?

Best Answer

You can use Ubuntu Tweak to change the themes of different elements instead of having a single theme for every thing.

How to install Ubuntu Tweak?

Hit Alt+Ctrl+T to open terminal and run following commands:
1. For Ubuntu 14.04 onwards, it's available in softxare sources, just type:
```
sudo apt-get install unity-tweak-tool
```
2. For older Ubntu releases:
```
sudo add-apt-repository ppa:tualatrix/ppa
sudo apt-get update
sudo apt-get install ubuntu-tweak
```

How to change the window theme?

Once installed, Hit Super key (Windows key) to open Unity dash and search for "ubuntu tweak" and open it.
Open the "Tweaks" tab and click on "Themes".

enter image description here

Hare you can change the theme of window (title bar). As you can see I've changed the window theme in this screenshot. You can change the theme of Unity panel (menu bar) by changing Gtk theme.

enter image description here

Where can I get themes for Ubuntu?

Hare are two exelent sources for themes.

Gnome-Look

Ubuntu-Art

Related Solutions

Ubuntu – How to change the background color of the menu bar

If you're aware of CSS than you would have a greater control over color and style of the top panel. Following is how you can do it with Ambiance theme.

Open Nautilus as root, since you'll be backing up and editing files.

gksu nautilus
From here, make sure all file operations that you do are from this instance of nautilus that you opened using command.
Navigate to /usr/share/themes/Ambiance/gtk-3.0/apps directory
- Before you do anything, make copy of files unity.css and gnome-panel.css in the directory to somewhere in your home folder so that if you mess up anything, you can revert back the changes easily.
Since you want to change color of top panel in Unity, open unity.css for editing in a text-editor (gedit).

Now create CSS variable as follows at the topmost of the file

@define-color dark_bg_color #DCDCDC;
@define-color dark_fg_color #3f3f3f;

Note that variable dark_bg_color indicates the panel background color you want to have, set its value with the hashcode of the color you want.
Similarly, variable dark_fg_color indicates foreground color i.e. font color of the panel items, set it with hashcode the value you want.
Finally, save the file and exit. Logout, and login again, and changes you made should be visible. You can modify the values as you want, and in case you want to get back default panel color of Ambiance back, just open Nautilus as root and replace file unity.css with the one you backed up earlier.

While above mentioned method can be used to tweak color of Unity top panel, you can make similar changes in gnome-panel in GNOME classic, by making similar changes in file gnome-panel.css.

The steps I gave above might sound a bit complicated but they're pretty easy than styling any OS (AKA Windows) you think. Explore possibilities here :-)

Ubuntu – Change color of top menubar / statusbar

The menubar color and the color for some other things can derive from your desktop wallpaper. Unity color is chameleonic. So you don't need to explicitly change the color of the menubar.

First open CompizConfig Settings Manager, go to Ubuntu Unity Plugin, enable it and set Panel Opacity to 0 as in the following image:

ccsm