Handle dynamic team colours

[jamesmockett]

The designs use team colours for numbers and graphs. We don't have any direct control over these as they come from the PA feed and need to work in light and dark mode whilst providing sufficient contrast.

The designs include an example where the team colour is pure white which is swapped out for black text with a border applied to the graph. However, there are other team colours which lack sufficient contrast (some which work in light mode do not work in dark mode) so we need to make this solution more generalised. We could try calculating the contrast instead and swap the colour for solid black (or white in dark mode) if the contrast ratio is insufficient rather than trying to handle specific colours which is not scaleable.

[paperboyo]

A lot of interesting things happening around colour (of which I know very little!). This looks poorly supported still. But this has a nice demo app and uses something people say is better than WCAG. No idea if workable and/or sensible. But looks tiny. And fun. Colour is fun. Especially for something that doesn’t exist…

[jamesmockett]

A lot of interesting things happening around colour (of which I know very little!). This looks poorly supported still. But this has a nice demo app and uses something people say is better than WCAG. No idea if workable and/or sensible. But looks tiny. And fun. Colour is fun. Especially for something that doesn’t exist…

Thanks! contrast-color() would be amazing if it was more widely supported, but hopefully something we can use in the future