31

This question is a follow up to Colors of reputation points graph and tag advances not matching.

The above question addressed the fact that the green color used in the reputation graph and tag advances, did not match. The graph used #5fba7d while the tag advances progress bars used linear-gradient(to right, #5ED286 0, #23D59B 100%).

original

Hynes "fixed" this problem by changing the graph color to better match the tag advances color:

new

This "fix", however, created a bigger design issue, rather than fix the problem. #5fba7d is the green color used for many other elements on the site. The color of the graph was correct, and it was a progress bars that should have been changed.


Examples of other elements on the site that use the #5fba7d green color:

Accept check:

accept check

Accepted answer reputation:

accepted answer reputation

Newly earned reputation points in the Activity tab:

new rep

Reputation graph in the Activity tab summary. The actual color here is a lighter shade of that green, and turns to #5fba7d on hover.

rep graph


When looking around for other elements, I did find two other elements with a different green color, but #5fba7d still seems to be the default green color for Stack Overflow.

The privileged progress bar uses a gradient of much lighter shades of green. These shades of green do not seem to be used anywhere else on the site, and the color also does not go with the other site colors.

progress

The reputation graph on the reputation tab uses a darker shade of green, which also does not seem to be used anywhere else on the site:

reputation


All I can say is that this lack of consistency is making me feel a little...green! Can the graph color "fix" be reverted and can all the elements be changed to use the same shade of green?

14
  • 6
    I agree, it should at least all be the same shade of green. I prefer the old vs the new green (or at least something a little less saturated and bright), but that's just a matter of personal preference I guess.
    – Keiwan
    Commented Jun 30, 2017 at 17:29
  • 27
    It's not easy...
    – jscs
    Commented Jun 30, 2017 at 17:37
  • 3
    Green is the new black Commented Jun 30, 2017 at 18:32
  • 19
    If you guys don't stop nitpicking, the SO devs will probably be turning many shades of red ;-)
    – Chris
    Commented Jun 30, 2017 at 21:38
  • 14
    webdesign used to be much simpler
    – I haz kode
    Commented Jul 1, 2017 at 16:33
  • Just wondering, if every color is hardcoded or they use a css-preprocessor. Commented Jul 1, 2017 at 16:41
  • 7
    @Ihazkode, wow, I wouldn't be afraid to visualize more than 8th dimension after that.
    – Victoria
    Commented Jul 1, 2017 at 17:04
  • 7
    The profile design and colours are the easiest part of the website to maintain: just don't touch them. Please :( Every week I start to twitch a bit, and spend minutes figuring out what's wrong. When I find it, I keep twitching. Commented Jul 1, 2017 at 22:32
  • 4
    While 256 would be preferred, I think we should aim to have a minimum of 128 shades of green throughout the site.
    – kojow7
    Commented Jul 2, 2017 at 5:59
  • 2
    @kojow7 It's simple, use a function to generate a random shade of green for each element on the page.
    – SGR
    Commented Jul 3, 2017 at 10:40
  • 4
    Who cares that they didn’t match to begin with? It looked fine.
    – Ry- Mod
    Commented Jul 3, 2017 at 10:51
  • 1
    Really, who cares. I'm sure they have better things to spend their time on.
    – Lundin
    Commented Jul 3, 2017 at 10:58
  • 3
    The problem is that they used to match with the nice old rep green. Then the progress bar was changed to a horrid bright green, then the graph was changed to match it. The least amount of work would've been not touching the colours in the first place. (cc @Lundin) Commented Jul 3, 2017 at 12:46
  • Again, utmost importance. On with the fixing!
    – user4639281
    Commented Jul 3, 2017 at 21:42

0

You must log in to answer this question.

Browse other questions tagged .