streamlit-elements icon indicating copy to clipboard operation
streamlit-elements copied to clipboard

Pie Chart Tooltip text color not showing in dark mode

Open IndigoWizard opened this issue 2 years ago • 0 comments

When streamlit app is in dark mode, the tooltip of the nivo Pie chart displays white text on white tooltip background instead of black (or any discernible color) on white or white text on dark background.

  • How to edit the tooltip?
  • How to add a custom tooltip? (I saw https://github.com/okld/streamlit-gallery/issues/4 but it's still unanswered)

What I tried

  • I tried to add a tooltip by examining the react code but I couldn't implement it.
  • I tried using the CSS hack injected through st.markdown() but it doesn't work in case of an iframe, which is the case for streamlit-elements nivo pie chart, its not possible to reach the element by class or id to affect the text color.

Config

  • Streamlit 1.27.2
  • Streamlit-elements 0.1.0
  • Python 3.10.2

Preview

streamlit-elements-nivo-pie-chart-tooltip

IndigoWizard avatar Oct 09 '23 14:10 IndigoWizard