Hello, is it possible to create a toggle button, to allow users Switch between light and dark mode ? If it’s possible, can anyone help me about that ? In my current app, i created a config.toml, but i don’t know how can i allow two types of themes. Thank you all !

Ok, you can use CSS classes to change properties from the Streamlit UI, it’s not officially supported and can break with future changes and updates, that’s why the theme option and the config.toml are the best way to do this. To know the CSS classes that Streamlit uses, you need to use the browser …

Customize theme

Using Streamlit

ferdy March 11, 2023, 12:46am 2

Check this guide on how to resolve issues. It might help your case.

1 Like

Topic		Replies	Views
Changing the Streamlit Theme with a Toggle Button (SOLUTION) Using Streamlit configuration , css	2	3978	December 6, 2023
Announcing Theming for Streamlit apps! 🎨 Show the Community!	25	6684	December 15, 2022
Changing the Streamlit Theme with a Toggle Button Using Streamlit configuration , css	2	5377	August 11, 2023
Dark/light theme selection Using Streamlit debugging	5	937	May 15, 2025
Dark mode off and on Using Streamlit css	2	3092	February 6, 2024

Customize theme

Related topics