Change color of top menubar / statusbar

Solution 1:

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

Now, when you will change your wallpaper, the menu bar will take the color of the wallpaper. Some examples:

menubar blue

menubar orange


If you want it to be almost white (well, completely white can not get because otherwise would not distinguish the text and the icons from the menu):

menubar white-gray

Solution 2:

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.

Hope this helps....