Explore adding colors to chart popovers
In the current design for chart popovers, we're defaulting to black text for values. Is this the right way forward, or should we consider using text colors to match the chart objects instead?
Pros of using chart colors for values: additional highlighting helps reinforce the link between the chart object and the value in the popover. It may also remove the need for the chip in the current popover design (?)
Cons: value text is readable in our current 4 chart colors, but will it be readable/accessible when we start introducing a larger color palette (or if we start introducing shades of colors, as would be done in a heat map)?
Let's explore whether this makes sense or not
(What’s the solution? Why is it like that? What are the benefits?)
(One or more images showing the UX pattern. They don’t have to be in GitLab.)
(When do you use this pattern? And how?)
Dos and dont's
(Use this table to add images and text describing what’s ok and not ok.)
(List any related or similar solutions. If none, write: No related patterns)
Links / references
Created from discussion on: #195 (comment 117292066)
Make sure these are completed before closing the issue, with a link to the relevant commit, if applicable.
- Ensure that you have broken things down into atoms, molecules, and organisms.
- Check that you have not created a duplicate of an existing pattern.
- Ensure that you have used the proper method for creating the pattern depending on the complexity. Atoms and molecules are symbols, organisms are groups.
- Make sure that typography is using text styles. When applicable used shared styles for colors.
- QA check by another UXer
- Add changes to the pattern library
- Create an issue to add the pattern documentation to the Design System. Mark it as related to this issue.
- Add an agenda item to the next UX weekly call to inform everyone (if new pattern, not yet used in the application)