Display text inside text box of a particular color

[Varun_Nayyar]

Hey Community members
I have a teeny doubt but I can’t find its solution.
I have a string object and i am willing to display it inside a box of black color due to my background. Kindly provide the code for it pls

[Marisa_Smith]

Hey @Varun_Nayyar,

I posted an answer to someone a while ago about how to change the colour of just one text element. You can use the same code to change your text colour, and just hardcode the colour you want:

Traffic light for values

Hey @jgodoy, First Welcome to the Streamlit Community! I have a solution on how to do this! If you use st.markdown with the unsafe_allow_html=True, then you can pass css code to st.markdown to change text colour! I made an example for you that will change text color based on a slider value of 0-100 (the 0% to 100% in your example). This code used the color package which you can install in your environment with …

Happy Streamlit-ing!
Marisa

[Varun_Nayyar]

Thanks a lot

[jerry10]

How do I change text colour inside selectboxes and file uploaders individually?

[Marisa_Smith]

Hey @jerry10,

You would have to use some custom CSS styling and the st.markdown with the unsafe_allow_html flag set to true. There are a number of examples in the community of people inserting custom CSS that way and if you use our search button I bet you could find some examples to work from!

Happy Streamlit-ing!
Marisa