Shopify/polaris-viz

Increase visibility/accessibility of past comparison data line

chris-shopify opened this issue · 3 comments

The UX team is currently working on guidelines for dark and light modes and updating the visual language of the analytics elements (including updating the dark theme on reports to light mode).

With the update on the Overview dashboard, it became more apparent that we have an issue with the viability of the past comparison line on light mode. We need to remove the opacity and increase the density between the dots.

Image

Image

Here’s a visual comparison of what that would look like:

Image

@chris-shopify Is the desired change specifically for light mode?

Yes I believe so. In light mode the dots are too far apart for continuity.

@mirualves to confirm

For both dark and light modes:
Light: #6793CC (103,147,204, 1)
Dark: #90B0DF (144,176,223, .8)

Screen Shot 2022-10-28 at 8 41 28 AM

Screen Shot 2022-10-28 at 8 30 31 AM