12

I recently noticed some differences on the green shades (accepted answers, etc.) on The Workplace's Main and Meta sites, and raised a Meta question there.

However, further analyzing the situation I noticed that the shades of green are different across some sites. For example here on MSE we can see:

enter image description here

and on Stackoverflow we can see:

enter image description here

Is there a reason for the differences of shades across these sites? I know this is perhaps a minor detail (harmless I hope) but I couldn't help from noticing it.

Edit: If it helps, some tools I use indicate that the color on the first picture is (141,178,98) but on the second picture (the "previous" color) it is (50,197,112).

  • 3
    Each SE site has it's own css styling. – πάντα ῥεῖ Jan 17 '18 at 19:01
  • @πάνταῥεῖ that's worthy of an answer, with some more details if possible. :) – Shadow The Curly Braced Wizard Jan 17 '18 at 19:03
  • 2
    This is a recent change; neither Meta.SE nor Workplace main used to look like that. I suspect there's a CSS bug somewhere. – Monica Cellio Jan 17 '18 at 20:19
  • 1
    @MonicaCellio that's what I thought. If you see TWP main site, you can even see that on the rep section the border line color is one and the text color (+10 or whatever) is another... – DarkCygnus Jan 17 '18 at 20:22
  • Amen! There has been a recent change from a bright and happy green, to an olive green, (rather, pukey green). – Namaste Jan 17 '18 at 23:57
  • @amWhy indeed, have you noticed it on other sites? – DarkCygnus Jan 18 '18 at 0:05
  • 1
    @DarkCygnus I see that Academia is using the pukey green for accepts, too. – Namaste Jan 18 '18 at 0:12
  • 1
    Also Math.SE has changed to a pukey green. – Namaste Jan 18 '18 at 0:23
  • 2
    Resist the urge to call this incident... 50 Shades of Green. – The Great Duck Jan 18 '18 at 0:44
  • 2
    Ok. I've spotted the (obvious) commonality here. The pukey green is now used on all sites that have a customised theme. – Snow Jan 18 '18 at 7:46
  • Seems that Snow indeed spotted the diference – DarkCygnus Jan 19 '18 at 7:30
12

Fixed now. Good catch, thanks.

For the curious, here's what happened: The problem, to the surprise of absolutely no one, was caching.

Yesterday we rolled out the CSS split that we've been testing on Stack Overflow to the whole network.

The CSS files for all the sites are generated by Less. But since a huge number of sites (those that do not have their own theme, but use the beta theme) have identical CSS, we have a caching layer in our build process so that we don't have to re-compile the CSS for every single beta site even though they're all the same.

This caching layer had an assumption in it that caused the caching to also apply to the secondary CSS files for sites that have their own theme. These secondary files are very similar across all sites, but they're not identical – in particular, as observed here, a couple of color values are different depending on the site.

Because of the overzealous caching, all sites that have a custom theme got the same secondary CSS file as the very first themed site whose Less file was compiled – and that site is Academia (because the compilation happens in alphabetical order).

  • 1
    Surely the first site in alphabetical order is 3D Printing, no? Which is why we see the 3DP icon take over everything from time to time? – ArtOfCode Jan 18 '18 at 12:44
  • 3
    @ArtOfCode Yes, 3D printing is the first site that's compiled, but it's a beta site. Academia is the first themed site. – balpha Jan 18 '18 at 12:45
  • Ah, gotcha. I accidentally skipped reading a – ArtOfCode Jan 18 '18 at 12:46
  • Glad this was worked out, and thanks for your reply. Will check the changes when I get to PC and accept this answer after that. – DarkCygnus Jan 18 '18 at 13:50
  • 1
    Confirmed as working on the Workplace. Greens are no longer puke coloured. – Snow Jan 18 '18 at 14:39
  • Thanks, @balpha! MSE green back to happy green, no longer pukey green! – Namaste Jan 18 '18 at 20:18
9

Not only are Workplace main and meta different from each other, but this is a recent change on both Workplace and Meta.SE. Here's a snapshot from the Wayback machine:

main site with correct green

I suspect there's a bug somewhere in the layers of CSS. Maybe something that should have cascaded didn't, or vice-versa.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .