Invisible icons in light theme in developer tools on windows



3 years ago
8 months ago


(Reporter: mieischer, Unassigned)


46 Branch

Firefox Tracking Flags

(Not tracked)


(Whiteboard: [btpp-backlog])


(1 attachment)



3 years ago
Created attachment 8703658 [details]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:46.0) Gecko/20100101 Firefox/46.0
Build ID: 20160103030302

Steps to reproduce:

1. Open developer tools.
2. Check that the light theme is enabled

Actual results:

No icons are visible in the developer tools tabstrip, except for the selected tab.

Expected results:

Icons should be visible.
Component: Untriaged → Developer Tools

Comment 1

3 years ago
Forgot to mention that the bug doesn't affect my MacBook Pro Retina. It only shows up on my Win10 computer.

Comment 2

3 years ago
I've verified this is an issue with Hardware Acceleration enabled.

OS:  Windows 10 Pro, 64-bit
Firefox:  44.0.2 (32-bit)
GPU:  AMD Radeon R9 380X (4GB) with v15.12 drivers

This also affects the Reddit Enhancement Suite addon when using "night mode"
(See this thread for more information:
Is this only affecting the light theme?  I wonder if it has to do with the CSS filter we are applying on the icons in light theme.
Component: Developer Tools → Developer Tools: Framework
Ever confirmed: true
Flags: needinfo?(mieischer)

Comment 5

3 years ago
If I switch to dark theme, the icons appear correctly from what I can tell.
(In reply to Chris from comment #5)
> If I switch to dark theme, the icons appear correctly from what I can tell.

Michael, can you confirm that the icons come back if you disable hardware acceleration as in:

I suspect it's due to this line and the CSS filter somehow not applying properly:

It's looking like we can make this depend on Bug 1229375.
Depends on: 1229375

Comment 7

3 years ago
Here's a screenshot comparing the light/dark themes of the developer console:

Comment 8

3 years ago
I don't have access to my windows pc before next weekend.
The GPU is, as with the others affected by the problem, a AMD R9 380 (just 380, not 380X).

The icon issue only affects the light theme. Switching to the dark theme worked as a workaround for me.

Comment 9

3 years ago
Disabling hardware accelerating fixes the problem for me.
Flags: needinfo?(mieischer)
(In reply to Michael Eischer from comment #9)
> Disabling hardware accelerating fixes the problem for me.

OK, thanks.  Sounds like this will be fixed by Bug 1229375
Leaving this open so we can re-check after Bug 1229375, but no immediate action needed from devtools here
Priority: -- → P3
Whiteboard: [btpp-backlog]


3 years ago
Duplicate of this bug: 1259971

Comment 13

2 years ago
No issues for me anymore with Firefox 52.0.2 (32 bit) on Windows 10, AMD Radeon R9 380 card and the latest 17.4.1 drivers with hardware acceleration enabled.


8 months ago
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.