Customize title bar in GNOME 3 without extension

By | 27th June 2015

I always wondered how come in elementary OS the title bar is transparent, When I found the way to change it in debian it was amazing, The GNOME 3 environment has simple and plan but under the hood we can do lot of customization, one of the commands used to customize is gsettings. Ok lets jump into changing the title bar. This method will apply change to title bar system wide.

Open a file change a line 🙂
nano /usr/share/gnome-shell/theme/gnome-shell.css

Default values

/* Panel */

#panel {
background-color: black;
font-weight: bold;
height: 1.86em;
}

Customized values

/* Panel */

#panel {
background-color: rgba(0,0,0,0.2);
font-weight: bold;
height: 1.86em;
}

change 0.2 to desired value. the range is 0 – 1.
one can change the color of the title bar too. play around changing the colors and customize the title bar according to your wallpaper.