search

Schluca / streamlit_tree_select

A simple and elegant checkbox tree for Streamlit.
MIT License
88 stars 10 forks source link

Changing the color of streamlit-checkboxes #6

Open nimeshrevo opened 1 year ago

nimeshrevo commented 1 year ago

I tried to change the color of the checkboxes, but since they are as iframe object it seems we can't edit the css. Is there anyway we can do it?

jeremyb-data commented 1 year ago

Same issue here. As far as we can tell the only way is to modify and rebuild locally.

Doney1000 commented 1 year ago

Same issue. Especially for dark mode, the fixed title and checkbox colors do not inherit theme text-colors and thus are unreadable. I alos failed to edit via css hack. So it's just not possible for now?

nimeshrevo commented 1 year ago

@Doney1000 CSS hack atleast worked for me!

Doney1000 commented 1 year ago

@Doney1000 CSS hack atleast worked for me!

Can you elaborate how you made it work?

CloudFoxx commented 1 year ago

I would also be interested in how you were able to change the CSS of the _streamlit_treeselect component @Doney1000 . Any input highly appreciated! Thanks

nimeshrevo commented 1 year ago

@Doney1000 @CloudFoxx I edited it inside my environment variable Changing CSS color in tree select: Go to environment variable, go to Lib/site-packages/streamlit_tree_select/ frontend/build/react-checkbox-tree.css and change the color to following class: .rct-icons-fa4 .rct-icon-half-check::before, .rct-icons-fa4 .rct-icon-check::before

Sorry for being late, hope this works, let me know!