New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 625493 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Closed: Dec 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Dark theme: Tree arrows on global search have bad contrast

Reported by maurice....@gmail.com, Jul 3 2016

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36

Steps to reproduce the problem:
1. Open devtools global find (cmd + opt + F)
2. search for 'div'
3. Observe tree arrows

What is the expected behavior?
The arrows should reflect the same color as the theme (greyish white in this case)

What went wrong?
Arrow colors reflect the light theme colors.

Did this work before? No 

Chrome version: 51.0.2704.106  Channel: stable
OS Version: OS X 10.11.5
Flash Version: Shockwave Flash 22.0 r0
 
ss-2016-07-03-13-00-50.png
12.3 KB View Download
Cc: ranjitkan@chromium.org
Labels: Needs-Feedback
Could you please let us know which them you have applied, as when I applied dark themes I am seeing only Dev-tools with a white background (Regula Dev tools Window). Tried on MAC 10.11.5 on chrome version 51.0.2704.106.

Screen Shot attached.
Screen Shot 2016-07-04 at 11.47.14 AM.png
119 KB View Download
I have the native dark theme applied on stable channel.
Project Member

Comment 4 by sheriffbot@chromium.org, Jul 5 2016

Labels: -Needs-Feedback Needs-Review
Owner: ranjitkan@chromium.org
Thank you for providing more feedback. Adding requester "ranjitkan@chromium.org" for another review and adding "Needs-Review" label for tracking.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -UI Platform>DevTools
Owner: chowse@chromium.org
Status: Assigned (was: Unconfirmed)

Comment 7 by chowse@chromium.org, Sep 12 2016

Owner: l...@chromium.org
It appears those triangles are using background-image (with fixed colors) rather than -webkit-mask-image (with changeable colors). This will need to be changed to support themes.

The colors of the triangles should be #6e6e6e in light (default) mode and #919191 in dark mode (same as used by trees in the Elements and Sources panels).

Labels: Hotlist-Polish

Comment 9 by l...@chromium.org, Dec 9 2016

Status: Fixed (was: Assigned)
It looks like this was fixed 3 months ago with this CL:
https://chromium.googlesource.com/chromium/src/+/9e53b1921cdcfb0397ad769205f8be28eeb39a09

We use arrows in many places besides the search drawer, but after a manual search I couldn't find any bad contrast examples.  Please let us know if you happen to discover more!  Marking as fixed.
updatedDarkTheme.png
21.4 KB View Download
Labels: -Hotlist-Polish

Sign in to add a comment