Arc-theme: There are rounded white dot in some softwares under left or right windows decorator in arc darker theme on Ubuntu 16.10

Created on 7 Nov 2016  路  12Comments  路  Source: horst3180/arc-theme

Most helpful comment

The following code seems to fix gnome-system-monitor as well (the "first-child" / "last-child" part fixes apps with only one top-left or top-right rounded corner such as nautilus or the system monitor, while the "primary-toolbar" part fixes the rest):

headerbar:last-child, headerbar:last-child:backdrop, headerbar:first-child, headerbar:first-child:backdrop, .primary-toolbar:not(.libreoffice-toolbar):backdrop, .primary-toolbar:not(.libreoffice-toolbar) { border-radius: 0; }

Hopefully, there's no side-effect.

All 12 comments

should top window frame not rounded.
Cannot attached exactly with unity windows manager, cause of there are white dotted space between frame and windows manager titlebar.

screenshot from 2016-10-29 18-27-12

screenshot from 2016-11-10 09-57-20

Came here to report this. So, +1

Confirmed here too. It affects the windows using headerbars instead of traditional window decorations in GNOME (gedit for instance, or the system monitor). Ubuntu "hacked" them to have the window decorations back instead. Basically, it's a top border-radius issue but I can't find where exactly it's defined in the css file.

Yeah, Ubuntu broke stuff again... I'll look into it.

Hopefully the ugly line separating the titlebar and the toolbar is part of the same problem :D Thanks!

OK I've found a fix:

.primary-toolbar:not(.libreoffice-toolbar):backdrop, .primary-toolbar:not(.libreoffice-toolbar) { border-radius: 0; }

Not sure why you need the "not libreoffice" part, but it doesn't work without.

Also, just in case, I've found some documentation on that in Ambiance css:

/*

  • Header Bars
    *
  • The following rules only style header bars when they are used as a window's
  • titlebar widget (i.e., they have .titlebar set as well).
    *
  • Some applications reuse their header bar as a primary toolbar on desktops
  • that prefer showing traditional title bars. The rules for those are further
  • down grouped with normal toolbars.
    */

To sum it up: gedit uses .titlebar in GNOME, and .primary-toolbar in Unity.

EDIT - The code above fixes most applications, but gnome-system-monitor still has a rounded top-left corner, not sure why...

The following code seems to fix gnome-system-monitor as well (the "first-child" / "last-child" part fixes apps with only one top-left or top-right rounded corner such as nautilus or the system monitor, while the "primary-toolbar" part fixes the rest):

headerbar:last-child, headerbar:last-child:backdrop, headerbar:first-child, headerbar:first-child:backdrop, .primary-toolbar:not(.libreoffice-toolbar):backdrop, .primary-toolbar:not(.libreoffice-toolbar) { border-radius: 0; }

Hopefully, there's no side-effect.

Do I add that somewhere or overwrite something? I assume this goes into the gtk.css in the gtk-3.0 folder?

Just paste the code in my last post at the end of gtk.css, that should do the trick (yes, in the gtk-3 folder).

@Kam234 This works on Ubuntu 17.04 PERFECTLY, thanks so much!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Lothakim picture Lothakim  路  3Comments

stelariusinfinitek picture stelariusinfinitek  路  6Comments

beruic picture beruic  路  5Comments

Lknechtli picture Lknechtli  路  7Comments

yung40oz84 picture yung40oz84  路  3Comments