Posted: . At: 10:44 AM. This was 7 years ago. Post ID: 10818
Page permalink. WordPress uses cookies, or tiny pieces of information stored on your computer, to verify who you are. There are cookies for logged in users and for commenters.
These cookies expire two weeks after they are set.


How to make the title bars in Gnome Shell much thinner than the default.

by

The title bars in the Gnome Shell desktop environment by default are much too thick. This simple code sample will make them thinner. Just create this file.

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

Then put this code into it. Updated for Gnome Shell on Ubuntu 18.04.

# Gnome 3 - based on https://blog.samalik.com/make-your-gnome-title-bars-smaller/
.header-bar.default-decoration {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.5em;
}
.header-bar.default-decoration .button.titlebutton {
    padding: 0px;
}
 
# --------------------------------------------------
 
# Gnome 3.20+ - based on https://blog.samalik.com/make-your-gnome-title-bar-smaller-fedora-24-update/
window.ssd headerbar.titlebar {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 0;
}
window.ssd headerbar.titlebar button.titlebutton {
    padding: 0px;
    min-height: 0;
    min-width: 0;
}
 
headerbar {
    min-height: 0px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 1px;
    padding-left: 1px;
}
 
headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px;
    margin-bottom: 0px;
}
 
.titlebar {
    min-height: 0px;
}

Log out of Gnome Shell and back in again. I could not use the restart command on Wayland. Then the titlebars will be much thinner than default. This is a great way to improve the desktop environment on a smaller screen. I am annoyed they changed this in 18.04, but this does work.

Gnome terminal with thinner titlebar.
Gnome terminal with thinner titlebar.

7 thoughts on “How to make the title bars in Gnome Shell much thinner than the default.”

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.