Accessibility issue / UX improvement on bar charts [Twitter & Netflix overviews, TrackerControl, Apple App Activity...]

[alexbfree]

Black text is hard to read when overlaid on bars whose background are dark shades of blue or purple.

We should either switch all our bar graphs (and pies?) to a colour scheme using a range of light/pastel colours, keeping black text OR we should use white/light grey text when the darkness of the colour is above a certain threshold.

We should review hover background colour at the same time - it could be a bright white or yellow.

This is present in Apple App Activity experience, TrackerControl experience, Twitter, Netflix and possibly others - review all graphs.

Examples:

[alexbfree]

Relatedly, we should make the "Current filter" bar highlight colour something outside the color palette of the other bars - e.g. a bright white or yellow bar, or it should be boxed in yellow, black etc to highlight it. As it is, a currently selected filter bar looks the same as bars in other graphs where there is no filter.

[valentinoli]

White text will not work because text that flows outside the bar becomes invisible. A wise selection of background color and text color might solve the problem.