Ubuntu Terminal themed tabs

In Ubuntu 14.04, when using more than one tab in Terminal, the tab style doesn’t fit with the rest of the theme, that is if you use the standard theme “Ambiance”. Personally, I think it’s ugly and I looked for a solution to this problem. To my surprise, I found that you can style any widget in Gnome by using a subset of CSS.

The solution that worked for me was this:

1. Create a new file named “gtk.css” in “~/.config/gtk-3.0/”:

   nano ~/.config/gtk-3.0/gtk.css

2. Copy and paste the content of this gist into the newly created file:

   TerminalScreen {
   TerminalScreen-background-darkness: 0.95;
   background-color: #300a24;
   color: #fff;
   }
   
   TerminalWindow,
   TerminalWindow.background {
   background-image: none;
   background-color: @dark_bg_color;
   color: @dark_fg_color;
   }
   
   TerminalWindow .notebook {
   border: 0;
   padding: 0;
   }
   
   TerminalWindow .notebook tab.top:active{
   padding: 0;
   border-image: none;
   background-color: alpha(red,0.4);
   }
   TerminalWindow .notebook tab.top{
   padding: 0;
   border-width: 0;
   background-image: none;
   background-color: @dark_b!g_color;
   color: gray;
   }
   

3. Save.
4. Start Terminal.

Enjoy the new look.

This solution should work for Ubuntu 12.04 and newer.