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 …

Apps made with streamlit already come with a function to change the theme, at the top right > setting > theme, [image] just to confirm, why is this option not enough? Are you trying to change a specific element?

I am just trying to make something more simple for the users, where they can easily switch between two themes by a single click. Maybe using this feature : https://extras.streamlit.app/Toggle%20Switch ?

Thank you so much for your reply, it helps me a lot !

Customize theme

Using Streamlit

ferdy March 11, 2023, 12:46am 2

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

Topic		Replies	Views
Changing the Streamlit Theme with a Toggle Button (SOLUTION) Using Streamlit configuration , css	1	4138	December 6, 2023
Announcing Theming for Streamlit apps! 🎨 Show the Community!	24	6774	December 15, 2022
Changing the Streamlit Theme with a Toggle Button Using Streamlit configuration , css	1	5528	August 11, 2023
Dark/light theme selection Using Streamlit debugging	4	1003	November 16, 2024
Dark mode off and on Using Streamlit css	1	3121	February 6, 2023

Customize theme

Related topics