Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bring back the yellow color for "medium" coverage #542

Closed
JamesMGreene opened this issue Feb 16, 2016 · 6 comments
Closed

Bring back the yellow color for "medium" coverage #542

JamesMGreene opened this issue Feb 16, 2016 · 6 comments

Comments

@JamesMGreene
Copy link
Contributor

After the recent redesign (#434, #439), the color scheme for "medium" coverage changed from a yellow theme (e.g. #ffe87c) to a gray/grey theme (e.g. #eaeaea & #666/#666666):

image

I think this change is confusing to consumers for a number of reasons, and possibly warrants restoring the old yellow theme.

To me, seeing the Gray color immediately made me think that something was WRONG, e.g.:

  • An error was thrown and prevented Istanbul from collecting all of its coverage
  • Something was incomplete
  • Something was disabled
  • Tests were skipped
  • istanbul ignore comments were used

However, after I stopped for a few minutes to dig through the Istanbul codebase (again), I discovered that is just the new color of choice for "medium" coverage. Confusing!

Some additional reasons why I'm pro-Yellow:

  • Green/Yellow/Red is a common color trio for many purposes that your average consumer is likely well-acquainted with:
    • Go/Caution/Stop (traffic lights)
    • OK/Warning/Error (common console/log reporting colors)
    • Calm/Caution/Danger, Growth/Sickness/Blood (color symbolism)

Would you consider changing the color scheme for "medium" coverage back to yellow-based?

I'd recommend using something a little lighter than the old background color (e.g. #fff4c2) to more closely align with the lightness of the current green and red background colors, and then using a darker yellow/gold to fill the need of the newly reflective chart-filling color (e.g. #f9cd0b).

Example screenshot:

image

@JamesMGreene
Copy link
Contributor Author

Ping @gotwarlost @davglass @tmcw

@davglass
Copy link
Collaborator

I'm 👍 on this change, @gotwarlost @tmcw are you two ok with it too?

@tmcw
Copy link
Contributor

tmcw commented Mar 23, 2016

Yep, looks good to me!

@gotwarlost
Copy link
Owner

Could you submit a PR that I can merge? Sorry for the pedantry but I literally count the minutes that I have time to work on istanbul and would rather focus on getting a 1.x version out instead.

@JamesMGreene
Copy link
Contributor Author

PR #597 seems to cover it as far as I can tell from my testing. 💝

@ZuBB
Copy link

ZuBB commented Jun 8, 2016

While I am OK with change requested here and implemented in #597 I think this partial solution.

I would like to suggest to move to old color scheme. I am not against new flat design but imo old one has better contrast and more saturated colors better say where all is OK and where we have gaps.

see hacked screen below

2016-06-08-155852_3840x1080_scrot

guys, what do you think on this?

coreyfarrell pushed a commit to istanbuljs/istanbuljs that referenced this issue Feb 23, 2019
As discussed in gotwarlost/istanbul#542, this
PR brings back the yellow colour for medium.

There are many good points raised in that PR, and this PR, aims to
replicate address those concerns for this repo.
Yukaii pushed a commit to hackmdio/istanbuljs that referenced this issue Mar 12, 2019
As discussed in gotwarlost/istanbul#542, this
PR brings back the yellow colour for medium.

There are many good points raised in that PR, and this PR, aims to
replicate address those concerns for this repo.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants