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

Issue 609103 link

Starred by 5 users
Status: Archived
Owner:
█ chowse@chromium.org
Last visit > 30 days ago
Closed: Sep 2017
Cc:
█ chowse@chromium.org
paulir...@chromium.org
l...@chromium.org
pfeldman@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 3
Type: Bug



Sign in to add a comment

DevTools: Several design issues with dark theme

Reported by d...@thegraduate.com.hk, May 4 2016 
Chrome Version       : 50.0.2661.86
OS Version: OS X 10.11.4
URLs (if applicable) : N/A
Other browsers tested: N/A

What steps will reproduce the problem?
- Chrome Devtools dark theme seems to have some artifacts in it from running "filter:invert()" over it to get the dark theme. An example of this is box-shadows & outlines on form elements and other widgets inside devtools. See attached (boxshadow-white.png, boxshadow-radio.png, badbuttons.png)
- Several icons in devtools do not "fit" well with the dark theme. See attached (badicons.png, badicons2.png)

What is the expected result?
- Box-shadows/outlines need an override added to make them less jarring.
- Devtools icons should become exclusively vector (SVG seems sensible) so as to fit with the Material redesign that will be landing in stable soon.

UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36
boxshadow-white.png
112 KB View Download
boxshadow-radio.png
23.5 KB View Download
badicons.png
51.8 KB View Download
badbuttons.png
26.1 KB View Download
badicons2.png
42.8 KB View Download

Comment 1 by d...@thegraduate.com.hk, May 4 2016 

Forgot to mention; additionally the current icon set does not scale well on high density displays such as "retina" displays. SVG would sort that.

Comment 2 by karandeepb@chromium.org, May 4 2016

Cc: paulir...@chromium.org pfeldman@chromium.org
Components: Platform>DevTools

Comment 3 by paulir...@chromium.org, May 4 2016

Summary: DevTools: Several design issues with dark theme (was: Several design issues with devtools theme)

Comment 4 by paulir...@chromium.org, May 5 2016 

There's a repo here https://github.com/ChromeDevTools/devtools-frontend
And contribution guide here http://bit.ly/devtools-contribution-guide

We'd love to get your help with polish on this one.

Comment 5 by alph@chromium.org, May 6 2016

Owner: l...@chromium.org
Status: Assigned (was: Unconfirmed)

Comment 6 by l...@chromium.org, Jun 9 2016

Cc: chowse@chromium.org

Comment 7 by l...@chromium.org, Jun 9 2016

Cc: l...@chromium.org
 Issue 618591  has been merged into this issue.

Comment 8 by pfeldman@chromium.org, Jul 19 2016

Owner: chowse@chromium.org

Comment 9 by seththompson@chromium.org, Dec 1 2016

Labels: Hotlist-Polish

Comment 10 by dgozman@chromium.org, Sep 21 2017

Status: Archived (was: Assigned)
►

Sign in to add a comment