Simplifying backgrounds to match lightgray in service-ui and ui-compo…

[bia]

…nents
Breaks unless service-ui is also updated to https://github.com/weaveworks/service-ui/pull/1672

The corresponding gray shift in Explore to addresses the issues in weaveworks/ui-components#93
Trying to consolidate and simplify some colouring and settled on this after quite a few more more drastic attempts..
Is this enough contrast?

[rade]

The highlighting of the controls at the top is rather faint.

[bia]

What if I shift up the darkness of both 'secondary-color's?
It kind of bothers me that all of these nuanced shades don't appear anywhere else in the app.

[rade]

That looks fine.

[fbarl]

There's just one tiny issue I found and that's that the alternation of row background colors in table view has been lost:

Search for tr:nth-child(even) in _base.scss, should be a one liner to fix it.

Otherwise LGTM!

[bia]

Thanks! That's fixed now.

[rade]

...which has just reminded me to ask... why is there such a huge gap between the top controls and the table?

Vertical space is precious here; the table should use as much as it can.

Separate issue, clearly.

[rade]

why is there such a huge gap between the top controls and the table?

Ah, I think it's there to accommodate the expansion of the top when timetravelling.

[bia]

@rade, but it shouldn't be that way when in Live mode?

[rade]

but it shouldn't be that way when in Live mode?

Ideally not, no. Have filed #3015.