25

I seem to live my life in the terminal - many terminals in-fact.

I also love the Ambiance theme - but the new borderless windows does not provide the visual differentiation I'm used to (the same black windows appear to blend into each other).

enter image description here

Thus to my question - how do I add back the single pixel border for windows that is found in earlier Ubuntu versions?

I want to keep the Ambiance overall theme since this looks good and I dont want to swap to another theme.

enter image description here

Now I know that I can modify the Ubuntu Ambiance theme as follows:

mkdir ~/.themes
cp -r /usr/share/themes/Ambiance .themes

Then flipping between the theme options in the Settings - Appearance picks up changes in the theme in now in the .themes folder.

I presume I need to alter one of the .css files but I dont know which one.

I was also looking at this Q&A but the solutions there doesnt work for 14.04. I also looked at the community wiki but got rather lost trying to figure out which one applies to my situation.

αғsнιη
  • 35,660
fossfreedom
  • 172,746

6 Answers6

21

The file is /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css

change
      -UnityDecoration-extents: 28px 0 0 0;
to
      -UnityDecoration-extents: 28px 1px 1px 1px;

logout and log back in and see effect the changes.

Thus, in your local copy, make the "1px 1px 1px;" change in the file ~/.themes/Ambiance/gtk-3.0/apps/unity.css

Enjoy! : )

αғsнιη
  • 35,660
Anders F. U. Kiær
  • 2,171
  • 2
    genius - cheers! – fossfreedom Apr 26 '14 at 23:29
  • 2
    Adding to Anders' answer, after you edit /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css to set -UnityDecoration-extents: 28px 1px 1px 1px;, you can make the change take effect on the current session by opening the "Appearance" app, change the Theme to Radiance, and back again to Ambiance. No need to logout/login again. – AlejandroVD Jun 09 '15 at 19:56
  • Can't get this to work with Ubuntu 15.04 - any ideas? (the borders stay the same even when switching between themes) – laktak Aug 11 '15 at 06:56
  • I'm using the Metacity fallback (for other reasons) and found my answer here: for metacity, edit metacity-1/metacity-theme-1.xml instead. – Reinier Post Feb 04 '16 at 18:58
  • I had to additionally addd background-color and background-image: none. I did this in /usr/share/themes/Ambiance/gtk-3.0/apps/gnome-terminal.css, and used UnityDecoration { -UnityDecoration-extents: 28px 1px 1px 1px; background-color: #fff; background-image: none; } – Matt DiMeo Mar 31 '17 at 17:21
  • In 17.04, the directory is changed from gtk-3.0 to gtk-3.20 – GlenPeterson Jul 03 '17 at 14:29
10

Note that all the changes others have suggested that involve editing the system file /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css can be done without such editing. Instead, just put the desired changes in your own file (that you create), ~/.config/gtk-3.0/gtk.css , which will take precedence over the system file.

Example content (e.g. the whole file ~/.config/gtk-3.0/gtk.css)...

/* Decorations */
UnityDecoration {
    -UnityDecoration-extents: 28px 1px 1px 1px;
}

...you may have to log out & log back in for this to take effect.

Also, note that if the terminal window has at least two tabs open, then Ambiance (or Unity?) will already put a medium thick border around the terminal. (ctrl-shift-t opens another tab.)

Zanna
  • 70,465
Russ Lyons
  • 210
  • 2
    Since answers get moved up and down in the list below the question, simply saying something on the lines "all the above" might be confusing. Perhaps it might be best to relate to a particular answer such as tht provided by @someone to be more specific. – graham Apr 05 '15 at 15:57
  • 2
    @Graham This is indeed better, but as a secondary consideration, people change their usernames too. So I suggest linking as well, when referring to answers. (The share link under each post makes this easy.) – Eliah Kagan Apr 05 '15 at 16:28
  • 2
    This is the proper way to do it! The other solutions are unmaintainable. – Reinier Post Nov 11 '15 at 11:52
  • Now if it would only do anything :-( – Reinier Post Dec 16 '15 at 13:47
  • @ReinierPost I'm not sure to whom your comment is addressed, nor what it means, but it has worked for me and continues to work. – Russ Lyons Dec 16 '15 at 17:29
  • It doesn't work for me. I haven't figured out any way to change the width of my window borders, – Reinier Post Dec 17 '15 at 08:19
  • @ReinierPost I just added another answer that shows the exact steps that worked for me. Perhaps give it another try. – PerlDuck Oct 24 '16 at 19:44
  • @PerlDuck: Thanks, I found a way in the end, somewhere on a laptop, I will compare once I get my hands on it. – Reinier Post Oct 24 '16 at 22:32
6

Building on Anders' answer, if you want a nice, subtle dark line instead of the default ugly bright/gradient line (just because you can use a gradient doesn't mean you should, Ubuntu!), edit /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css like so:

Set the UnityDecoration extents like in Anders' answer:

-UnityDecoration-extents: 28px 1px 1px 1px;

Change the background-image to none in left/right, and change the background-color shade from 0.7 to 0.4 in left/right and bottom:

UnityDecoration.left,
UnityDecoration.right {
    background-color: shade (@bg_color, 0.4);
    background-size: 1px 70px;
    background-repeat: repeat-x;
    background-image: none;
}

UnityDecoration.left:backdrop,
UnityDecoration.right:backdrop {
    /* start color: mix of the top border color and bg-image gradient end */
    background-color: shade (@bg_color, 0.4);
    background-image: none;
}

UnityDecoration.bottom {
    background-image: none;
    background-color: shade (@bg_color, 0.4);
}

Optionally, adjust the 0.4 to your brightness preference.

After you change the files, you can either logout and log back in, or simply open the Appearance dialog and change the theme away from, then back to, Ambience.

Here's the result (may need to view at 100% to see the borders, they're only 1px thick):

Ubuntu Ambience Theme Borders

Jeff Ward
  • 945
  • 3
  • 10
  • 17
5

My recommendation is for you to consider leaving the default /usrshare/themes/Ambiance folder as is (for future reference in case you clobber it inadvertently).

Gtk3 appears to take the name of the theme by the name of the directory. So it might be better to copy /usr/share/themes/Ambiance to a different name such as /usr/share/themes/MyAmbiance and create your personalize theme there.

If you want a per-user version you can also copy the theme to ~/.themes and have your preferred version accessible there.

L. D. James
  • 25,036
4

I picked up Russ Lyons answer and want to show how it worked for me (Ubuntu 16.04):

I left alone the original theme files below /usr/share/themes/Ambiance and didn't change anything in there. I agree that changing system files is always a bad idea, for several reasons.

I created ~/.config/gtk-3.0/gtk.css with the following content:

/* Decorations */
UnityDecoration {
    -UnityDecoration-extents: 28px 1px 1px 1px;
}

Nothing else.

After logout-login I now have tiny borders around my terminal windows.

Community
  • 1
PerlDuck
  • 13,335
  • Thank you for clarifying @RussLyons' post with a more concrete example. I ported your information to his answer and gave you an upvote for the helpfulness which was lacking in RussLyons' original answer. – phonetagger Oct 11 '17 at 19:29
3

Do you like colored border?

 enter image description here

  • Edit /usr/share/themes/Ambiance/gtk-3.0/apps/unity.css file and
  • Comment their current background-color value (/* shade (@bg_color, 0.7); */)
  • Then change the background-color to your favorite color(color with hex-code)
    in bottom, left and right (mine is #ff0080):
    UnityDecoration.bottom {
        background-image: none;
        background-color: #ff0080; /* shade (@bg_color, 0.7); */
    }

    UnityDecoration.left,
    UnityDecoration.right {
        background-color: #ff0080; /* shade (@bg_color, 0.7); */
        ...
  • Save the file and log out/log back in and see the magix.
αғsнιη
  • 35,660