How to set the backgroud for a streamlit web program?

[BeyondMyself]

If I want to use a Gradient backgroud with 2 colors or use a picture to set as backgroud of a streamlit web program, how should I set in the program?

[Marisa_Smith]

Hey @BeyondMyself,

Check out this code from @andfanilo that changes the background colour of a streamlit app using a style.css file. Currently, the only way to change the background colour of your app is to write some css code to over ride the defaults that Streamlit uses.

Creating a nicely formatted search field?

Hello @mzeidhassan, Here is the closest I could go : [image] I use unsafe_allow_html small hack to load custom CSS and change text color, background color and button radius. I think custom CSS is being internally discussed so we can expect some new things soon For horizontal layout of those widgets, there’s an issue for this, I’ll link your use case to it. That magnifying glass in the Streamlit button…I have no idea yet how to inject material-icon or a png in the button lege…

However, we are currently working on theming, which will allow you to do just this (but easier!!) and that is set to come out very soon! The planned launch is this quarter!!!

Happy Streamlit-ing!
Marisa

[Alex_31]

I’m really looking forward to this feature! This will bring a lot more personalization to the streamlit apps!

[BeyondMyself]

Hope streamlit team make a great breakthrough at next step.

[BeyondMyself]

Yes, it will make our web app more colorful.