1022123 - Missing borders on some input elements in gtk3 builds

Status: RESOLVED DUPLICATE of bug 978172

(Core :: Widget: Gtk, defect)

Description

[Mike Hommey [:glandium]]

Attachment: Screenshot (top is gtk3, bottom is gtk2)

See attached screenshot. It happens on the awesomebar, the search box, and some input elements in web forms (like the very one I'm using to file this bug)

Comment 1

[Mike Hommey [:glandium]]

It may or may not be related, but the burger menu also doesn't have a border.

Comment 2

[Mike Hommey [:glandium]]

(In reply to Mike Hommey [:glandium] from comment #1)
> It may or may not be related, but the burger menu also doesn't have a border.

Same for "bubbles" from the toolbar: download, bookmarks, certificate info

Comment 3

[Mike Hommey [:glandium]]

So, the problem, at least for the search box and url bar, is that ThreeDShadow resolves to rgba(0,0,0,0) (so essentially, transparent)

Comment 4

[Mike Hommey [:glandium]]

Of the cached colors in nsLookAndFeel, four are RGBA(0,0,0,0):
- sComboBoxBackground
- sButtonBackground
- sButtonInnerDarkBorder
- sButtonOuterLightBorder

If I force them all to have at least a value for the alpha channel, I get back all the missing borders (on the search box, url bar, burger menu, bookmark menu, certificate info, download pop down), albeit with the wrong color. I haven't looked up which one(s) are actually relevant.

Comment 5

[Mike Hommey [:glandium]]

And that, in turn, is because the Adwaita theme *does* define a transparent color for border-color, and uses a border-image.

Comment 6

[Mike Hommey [:glandium]]

Attachment: With and without gtk.css

This is a screenshot of gtk3 firefox running with the following ~/.config/gtk-3.0/gtk.css in the background, and without on the foreground.

GtkButton {
  border-color: #f00;
  background-color: #0f0;
}

That helps see what is using the button border color and what is using the button background color.
Both are transparent by default in Adwaita.