Chart Tooltip Doesn't Allow for Theming
benmcginnis opened this issue · 2 comments
benmcginnis commented
Description
We have a custom tooltip theme that uses a dark background, but because the tooltip explicitly sets the "muted" token for the color of the metric name via a prop, we can't easily override the theming, leading to unreadable text.
See screenshot:
Can this be refactored into a theme setting rather than using a style prop?
Version number of charts is 0.11.3
Link to Reproduction
No response
Steps to reproduce
- Go to '...'
- Click on '...'
- Scroll down to '...'
- See error
Saas UI Version
2.8.8
Chakra UI Version
2.8.2
Browser
Arc 1.59 (Chromium 128)
Operating System
- macOS
- Windows
- Linux
Additional Information
No response
Pagebakers commented
Will change this to use a css variable color="var(--tooltip-fg-muted, var(--chakra-colors-muted))" that you can overwrite in the theme.