Make GNOME Look Great Again

Apparently, there is a popular demand by GNOME users nowadays to save precious vertical screen space (thanks, 16:9 screen ratio!). In any case, GNOME developers took the opportunity to reduce the title bar height, when they unified some of their backend code for GNOME 3.15. Instead of the larger spacing, a horizontal line now always separates the title bar from the rest of the window, and tadaa … everything is completely unified!

Unfortunately, this change disregards that most GTK2 applications employ a different usage concept with the old-school menu bar, and in my opinion it makes these windows looking aesthetically unpleasant. So, in contrast to everyone else, I wanted to get the thicker title bars without the line back. From the GTK repository, I dug out the corresponding CSS code, and I promise, if you create the following file, your GNOME windows will look truly consistent (tested with GNOME 3.22)!

~/.config/gtk-3.0/gtk.css
window.ssd headerbar.titlebar {
  padding: 0 6px;
  min-height: 46px;
  border: none;
  background-image: linear-gradient(to bottom,
  shade(@theme_bg_color, 1.05),
  shade(@theme_bg_color, 0.99));
  box-shadow: inset 0 1px shade(@theme_bg_color, 1.4);
}
 
.default-decoration .titlebutton {
min-height: 24px; min-width: 16px; padding: 4px 8px;
}
· 2018/01/11 21:59