Change background and text color

Problem

Users would like the ability to change the background color and text color of their apps.

Solution

Allow users through a simple API to change background and text color without having to pass a<style> block into st.markdown with unsafe_allow_html=True or some similar process.

Additional context

Here is a forum topic requesting this feature.

[pietz]

+1 from me, although I’m more interested in changing the pink accent color to something else.

One aspect to think about should be global (app wide) changes vs. local (element wide) changes. Personally, global changes are all I need for now so the app can be adjusted for our company CI. In the future though, we might want even more control.

Next point on the menu should be the level of control. A predefined list of styling adjustments is probably enough for now but power users might be interested in editing the CSS directly. This detailed level of control could lead to something like Themes. Somebody was looking for essentially a dark theme of Streamlit but we all know that a dark theme involves more adjustments than just changing the background and font color.

Elements I would like to style/adjust right now:

• Background Color (Sidebar & Main)
• Font Color
• Font
• Accent Color

[HaythamG]

I’ve been trying to adjust the background of my application with limited success using pngs and css keyframes to slide them.

Currently I can edit the HTML in index.html add in the relevant divs from the link below (st.markdown(unsafe_allow_html=True), does not work in this case to display them correctly). Then add in a style sheet using st.markdown() to create a moving background shown below as well.

(Using this template for CSS & HTML)

Due to the JavaScript (i assume) in index.html, it causes the widgets to be behind the divs, therefore not allowing me to interact with them.

but how to add this code <‘(Using this template for CSS & HTML)’> in your app streamlit

’