Closed Bug 1208372 Opened 9 years ago Closed 2 years ago

The CSS System Color is different in Firefox 44.0 and later on Ubuntu 14.04/15.10/16.04

Categories

(Core :: Widget: Gtk, defect, P4)

x86_64
Linux
defect

Tracking

()

RESOLVED WORKSFORME
Tracking Status
firefox41 --- unaffected
firefox42 --- unaffected
firefox43 --- unaffected
firefox44 --- affected
firefox45 --- affected
firefox46 --- affected
firefox47 --- affected
firefox48 --- affected
firefox49 --- affected
firefox-esr45 --- affected

People

(Reporter: magicp.jp, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: tpi:+)

Attachments

(1 file)

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:41.0) Gecko/20100101 Firefox/41.0
Build ID: 20150917150946

Steps to reproduce:

1. Run Firefox 41.0 (and Nightly 44.0a1) on Ubuntu 14.04 (or 15.04)
2. Open http://ffmpeg.zeranoe.com/builds/rss.xml
3. Confirm font color and background color of #feedHeader 


Actual results:

InfoBackground color is different in Firefox 41.0 and Nightly 44.0a1 on Ubuntu 14.04/15.04. #feedheader is hard to see because font color and background color are similar.

Please check the following site in Firefox 41.0 and Nightly 44.0a1. Especially, InfoBackground is so different.
http://webdesign.about.com/od/colorcharts/l/blsystemcolors.htm


Expected results:

CSS System Color should be same on a system.
OS: Unspecified → Linux
Hardware: Unspecified → x86_64
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Probably a regression from the GTK2 -> GTK3 switch.
Component: CSS Parsing and Computation → Widget: Gtk
Blocks: gtk3
Status: UNCONFIRMED → NEW
Ever confirmed: true
Version: 44 Branch → Trunk
Has STR: --- → yes
Summary: The CSS System Color is different in Firefox 41.0 and Nightly 44.0a1 on Ubuntu 14.04/15.04 → The CSS System Color is different in Firefox 44.0 and later on Ubuntu 14.04/15.04
Flags: needinfo?(mh+mozilla) → needinfo?(stransky)
Reporter, can you please try to set "browser.display.use_system_colors" to "false" in about:config?

Looks like a bug that "browser.display.use_system_colors" does not have the effect we expect there.
Flags: needinfo?(stransky)
(In reply to Martin Stránský from comment #3)
> Reporter, can you please try to set "browser.display.use_system_colors" to
> "false" in about:config?
> 
> Looks like a bug that "browser.display.use_system_colors" does not have the
> effect we expect there.

"browser.display.use_system_colors" was already "false" as default. I have tried both of "true" and "false" but it was same result.
Depends on: 1186003
I see that, on Ubuntu 14.05, latest nightly (or at lease some 46.0 version). The tooltips itself (on UI) are OK but CSS HTML colors are wrong.
(In reply to magicp from comment #0)
> InfoBackground color is different in Firefox 41.0 and Nightly 44.0a1 on
> Ubuntu 14.04/15.04. #feedheader is hard to see because font color and
> background color are similar.
> 
> Please check the following site in Firefox 41.0 and Nightly 44.0a1.
> Especially, InfoBackground is so different.
> http://webdesign.about.com/od/colorcharts/l/blsystemcolors.htm

The problem here is that InfoText is white and InfoBackground is transparent as per default Ubuntu gtk3 theme config.

So it's a theme bug, when system colors are enabled.
btw, Fedora uses a semi-transparent color here:

InfoBackground = 0xcc000000

but anyway I believe the real issue here is that "browser.display.use_system_colors" does not work while it's supposed to cover such theme bugs (IMHO).
Actually the pref which fixes this one is "ui.use_native_colors" set to false.
Summary: The CSS System Color is different in Firefox 44.0 and later on Ubuntu 14.04/15.04 → The CSS System Color is different in Firefox 44.0 and later on Ubuntu 14.04/15.10/16.04
Priority: -- → P4
Whiteboard: tpi:+

I think we can close this. We've been living with this since forever without webcompat issues.

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: