Remove ugly fat bazel from gnome-terminal with multiple-tabs

When I start gnome-terminal it looks quite pleasant but when I open another tab it’s borders turns ugly:

fat-ugly-gnome-terminal-bezel

How can I preserve thin bezel while using multiple tabs?

Asked By: Dmitriy Budnik

||

You can either try another theme, configure Ambiance to your likings, or get one of these ( from Ubuntu software center):

  • Terminator
  • xterm
  • Roxterm
  • Tilda
  • Guake
Answered By: tornado

After some messing around, I figured it out.

Edit /usr/share/themes/Ambiance/gtk-3.0/apps/gnome-terminal.css and add:

 TerminalWindow .notebook {
   padding: 0;
   border-width: 0;
 }

Bug found on this: https://bugs.launchpad.net/ubuntu/+source/gnome-terminal/+bug/694468

Answered By: Jonah Braun

Well its a good practice in general not to modify the original files but override their values according to your preferences.

If you don’t already have it, create or open a gtk.css file in this path

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

Paste the following code, close all terminals and start one new.

@define-color bg-grey #222;
@define-color active-grey #333;
@define-color border-grey #555;


TerminalWindow .notebook {
  border: 0;
  padding: 0;
  color: #eee;
  background-color: shade(@active-grey, 1);
}

TerminalWindow .notebook tab:active {
  border: 1px solid @border-grey;
  background-color: shade(@active-grey, 1);
}

TerminalWindow .notebook tab {
  background-color: shade(@bg-grey, 1);
}

Now, not only it will remove the borders as you intended but will also “fit” better with the dark background, my eyes “hurt” with the light gray. The result when you have multiple tabs it should look like this, which of course you can customize it by tampering the color variables according to your preferences.

enter image description here

Answered By: topless

Thanks @topless,
also edited it further to look like this,
note the border-radius: 0, to avoid white space

@define-color bg-grey #222;
@define-color active #300A24;

TerminalWindow .notebook {
  border: 0;
  padding: 0;
  color: #eee;
  background-color: shade(@active-grey, 1);
}

TerminalWindow .notebook tab:active {
  background-color: shade(@active, 1);
}

TerminalWindow .notebook tab {
  border-radius: 0px;
  background-color: shade(@bg-grey, 1);
}

enter image description here

Answered By: jibreel

Mine based on @topless and @jibreel answers.
Transparent background and a dark theme. Awesome.

@define-color bg-grey #222;
@define-color active #313131;

TerminalWindow .notebook {
    border: 0;
    padding: 0;
    color: #fff;
    background-color: shade(@active, 1);
}

TerminalWindow .notebook tab:active {
    background-color: shade(@active,1);
}

TerminalWindow .notebook tab {
    border-radius: 0px;
    padding: 3px;
    background-color: shade(@bg-grey, 1);
}

enter image description here

Answered By: Parto
Categories: Answers Tags: , ,
Answers are sorted by their score. The answer accepted by the question owner as the best is marked with
at the top-right corner.