Coloring for individual st.multiselect labels

Hi,

I’m developing an app that has a custom theme specified in config.toml.
The primaryColor is set to #00185A as this is my company’s official primary color.

All visualizations use or include the same color (#00185A).

Now, my challenge is that I’m using st.multiselect to filter the Plotly bar chart. Usually the user would make the logic of matching colored label = colored bar in the chart. The best solution (from an UX perspective), would be if I could color the st.multiselect labels, so they match the colors of the indvidual stacked bars.

I see, that in the HTML, I can differientate between them by aria-label. E.g. for the button/label First Author, I see thtat aria-label=“First author, close by backspace”, so I guess, that with css and st.html, I could somehow color the st.multiselect labels.

However, I haven’t looked much more into this. Has anyone done this before?

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.