Theme Change using st.markdown

[andfanilo]

Hi @udo

@udo

My current custom theme is [theme] base=“dark” primaryColor=“#002b36” backgroundColor=“#002b36” secondaryBackgroundColor=“#586e75” font=“sans serif”

Those edits are to be put inside a .streamlit/config.toml file (Theming - Streamlit Docs).

Edits done in st.markdown should be CSS Selectors + Properties only like

<style>
body {
    background-color: lightgoldenrodyellow;
}

div[role="listbox"] ul {
    background-color: red;
}
</style>

There are some tutorials wandering in this forum like

• Can I change the color of the selectbox widget? - Using Streamlit - Streamlit
• Creating a nicely formatted search field? - Using Streamlit - Streamlit
• CSS hacks - #3 by andfanilo

to understand all the HTML blocks and CSS properties you can edit within the Streamlit app.

Have a nice day,
Fanilo