# How to set the theme of my webapp hosted by streamlit?

**URL:** <https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617>\
**Category:** Using Streamlit\
**Created:** [July 12, 2022, 12:06am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617 "2022-07-12T00:06:36Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![isa.rsn](https://avatars.discourse-cdn.com/v4/letter/i/6de8d8/32.png) [@isa.rsn](https://discuss.streamlit.io/u/isa.rsn)\
**Post date:** [July 12, 2022, 12:06am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/1 "2022-07-12T00:06:36Z")

</div>

While I was editing the site, the colors/theme was working fine. It didn’t go back to the default configuration. But when I deployed, the site’s theme went back to default.

I tried to create a `./.streamlit/config.toml` file in the GitHub repository and wrote

```auto
[theme]

base="dark"
primaryColor="#ffcb00"

```

But ut still didn’t work.

How can I actually fix my site’s colors until after deploy?

My GitHub repository: [GitHub - SiteWebApp/orbitas](https://github.com/SiteWebApp/orbitas)

Thanks for any help

---

<div class="post-metadata">

**Author:** ![isa.rsn](https://avatars.discourse-cdn.com/v4/letter/i/6de8d8/32.png) [@isa.rsn](https://discuss.streamlit.io/u/isa.rsn)\
**Post date:** [July 12, 2022, 1:06am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/2 "2022-07-12T01:06:33Z")

</div>

I’ve had this problem for quite some time. If anyone can help me i would appreciate it.

---

<div class="post-metadata">

**Author:** ![ShruAgarwal](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/shruagarwal/32/46627_2.png) [@ShruAgarwal](https://discuss.streamlit.io/u/ShruAgarwal)\
**Post date:** [July 12, 2022, 3:13pm UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/3 "2022-07-12T15:13:32Z")

</div>

👋 Hi, @isa.rsn. I observed your repo and found that you have added `config.toml` file for 2 times.  
One, which is inside the `.streamlit/` folder and another in your repo.  
 ![test](https://global.discourse-cdn.com/streamlit/original/3X/1/e/1e13a152912aed4bbf0efd9a914746267ad239b6.png)

Simply, **remove** this extra `config.toml` file from your repo & your app will run according to the theme you have provided **inside `.streamlit/config.toml` file only.**

Hope this helps! Thanks 🙂

---

<div class="post-metadata">

**Author:** ![isa.rsn](https://avatars.discourse-cdn.com/v4/letter/i/6de8d8/32.png) [@isa.rsn](https://discuss.streamlit.io/u/isa.rsn)\
**Post date:** [July 13, 2022, 4:04am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/4 "2022-07-13T04:04:30Z")

</div>

Thanks for the answer 🙂 I removed the extra config.toml file but the site still have the deafult colors ☹

---

<div class="post-metadata">

**Author:** ![snehankekre](https://sea2.discourse-cdn.com/streamlit/user_avatar/discuss.streamlit.io/snehankekre/32/6504_2.png) [@snehankekre](https://discuss.streamlit.io/u/snehankekre)\
**Post date:** [July 13, 2022, 6:12am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/5 "2022-07-13T06:12:25Z")

</div>

Hi @isa.rsn 👋

If you created the config.toml after deploying the app, you need to reboot the app for the custom theme to be picked up.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/streamlit/original/3X/c/f/cf4c2ee0d938358f82448c5fe4b9c3c91d7ce19c.svg) [@system](https://discuss.streamlit.io/u/system)\
**Post date:** [July 13, 2023, 6:12am UTC](https://discuss.streamlit.io/t/how-to-set-the-theme-of-my-webapp-hosted-by-streamlit/27617/6 "2023-07-13T06:12:53Z")

</div>

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.