Ask Ubuntu is a question and answer site for Ubuntu users and developers. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I've just spent quite a while theming ambiance to make it more flat and all around more to my taste, but I've just come across a problem above my capabilities : rounded menuitems

enter image description here

The menu on the panel have rounded top corners, I'd like to have them squared, a la elementary, but without the effects on the side, since I'm pursuing a flat theme.

I've been looking around in gtk.css and gtk-widgets.css but I can't seem to find it.

Any help would be greatly appreciated !

share|improve this question

I've performed the following grep on the theme directory:

grep -R "border-radius: [0-9]\+px [0-9]\+px 0 0;" /usr/share/themes/Ambiance/gtk-3.0

It basically searches for "border-radius" followed by any top-left and top-right value.

The result is:

/usr/share/themes/Ambiance/gtk-3.0/apps/nautilus.css:    border-radius: 3px 3px 0 0;
/usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css:    border-radius: 4px 4px 0 0;

Inside gtk-widgets.css I can see a property called .menubar.menuitem which seems what you are looking for. Simply set all border-radius values to 0 (px is not needed for value 0).

You can also search for:

grep -R "border-radius" /usr/share/themes/Ambiance/gtk-3.0

Which gives you all occurrences of border-radius simplifying your task of flattening the whole theme.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.