# \#theme

**URL:** https://discuss.streamlit.io/tag/theme/253.md

[Latest](https://discuss.streamlit.io/latest.md) · [Categories](https://discuss.streamlit.io/categories.md) · [Tags](https://discuss.streamlit.io/tags.md)

---

## [Pre-built Themes for your Streamlit Apps](https://discuss.streamlit.io/t/pre-built-themes-for-your-streamlit-apps/121608)

<div class="topic-metadata">

**Author:** [@JonathanAlles](https://discuss.streamlit.io/u/JonathanAlles)\
**Replies:** 0\
**Last updated:** [May 30, 2026, 7:45am UTC](https://discuss.streamlit.io/t/pre-built-themes-for-your-streamlit-apps/121608 "2026-05-30T07:45:15Z")

</div>

Hey community, the st\_yled package (v0.5) now contains a little new feature that lets you try out and apply different theming options for your app. Simply call st\_yled.init(theme = ".....") on your app page to load …

---

## [New Component: Streamlit Navigation Bar](https://discuss.streamlit.io/t/new-component-streamlit-navigation-bar/66032)

<div class="topic-metadata">

**Author:** [@gabrieltempass](https://discuss.streamlit.io/u/gabrieltempass)\
**Replies:** 58\
**Last updated:** [September 25, 2025, 1:32pm UTC](https://discuss.streamlit.io/t/new-component-streamlit-navigation-bar/66032 "2025-09-25T13:32:47Z")

</div>

Streamlit Navigation Bar Hi everyone! I felt the need for a navigation bar for Streamlit apps and was not satisfied with the current solutions. So I created a component that allows anyone to place a navbar in their app.…

---

## [Safari Unable to Render Custom Fonts](https://discuss.streamlit.io/t/safari-unable-to-render-custom-fonts/117370)

<div class="topic-metadata">

**Author:** [@guntherknotts](https://discuss.streamlit.io/u/guntherknotts)\
**Replies:** 0\
**Last updated:** [July 17, 2025, 7:01am UTC](https://discuss.streamlit.io/t/safari-unable-to-render-custom-fonts/117370 "2025-07-17T07:01:55Z")

</div>

I have been playing around with the custom font configuration first introduced in version 1.44.0 I am noticing an issue where Safari is unable to render a custom font that is correctly rendered in Chrome. Is Safari not …

---

## [Animation when toggle themes](https://discuss.streamlit.io/t/animation-when-toggle-themes/114178)

<div class="topic-metadata">

**Author:** [@Dade](https://discuss.streamlit.io/u/Dade)\
**Replies:** 1\
**Last updated:** [June 3, 2025, 10:15pm UTC](https://discuss.streamlit.io/t/animation-when-toggle-themes/114178 "2025-06-03T22:15:56Z")

</div>

Hi, I’m writing some code for a page that contains a button that when pressed changes the theme from light to dark. The code works as expected and no problems occur. There is only one thing I do not like: the sudden cha…

---

## [How can I add a background image to my application without using the inspect feature?](https://discuss.streamlit.io/t/how-can-i-add-a-background-image-to-my-application-without-using-the-inspect-feature/94207)

<div class="topic-metadata">

**Author:** [@prathipati.mp](https://discuss.streamlit.io/u/prathipati.mp)\
**Replies:** 2\
**Last updated:** [March 7, 2025, 11:53pm UTC](https://discuss.streamlit.io/t/how-can-i-add-a-background-image-to-my-application-without-using-the-inspect-feature/94207 "2025-03-07T23:53:25Z")

</div>

I used the inspect hack with CSS on my application and it works on my personal laptop! However, when I try to open the application on my school laptop, it doesn’t work. I believe it is because my school blocked the inspe…

---

## [How can I add a background image to my application?](https://discuss.streamlit.io/t/how-can-i-add-a-background-image-to-my-application/94132)

<div class="topic-metadata">

**Author:** [@prathipati.mp](https://discuss.streamlit.io/u/prathipati.mp)\
**Replies:** 2\
**Last updated:** [March 6, 2025, 11:14pm UTC](https://discuss.streamlit.io/t/how-can-i-add-a-background-image-to-my-application/94132 "2025-03-06T23:14:04Z")

</div>

I have been trying to add a background image to my streamlit application for some time. I tried using the “base64” method and CSS. Is there another way to do it? I can add an image to the app, so is there a way to make t…

---

## [How to apply costum font to multipage app pages](https://discuss.streamlit.io/t/how-to-apply-costum-font-to-multipage-app-pages/90187)

<div class="topic-metadata">

**Author:** [@tafobo.ms](https://discuss.streamlit.io/u/tafobo.ms)\
**Replies:** 2\
**Last updated:** [January 12, 2025, 9:45am UTC](https://discuss.streamlit.io/t/how-to-apply-costum-font-to-multipage-app-pages/90187 "2025-01-12T09:45:18Z")

</div>

I am running a local multipage streamlit app and use a style.css file for a costum font, which works for the sidebar and other Streamlit elements. The app uses seperate Python files for each page. I added “with open(‘sty…

---

## [Changes to selectbox theming with version \>1.37](https://discuss.streamlit.io/t/changes-to-selectbox-theming-with-version-1-37/86968)

<div class="topic-metadata">

**Author:** [@gustimorth](https://discuss.streamlit.io/u/gustimorth)\
**Replies:** 2\
**Last updated:** [December 6, 2024, 11:10am UTC](https://discuss.streamlit.io/t/changes-to-selectbox-theming-with-version-1-37/86968 "2024-12-06T11:10:02Z")

</div>

Hi, I have this custom theme in my application: primaryColor=“#009940” (light green) backgroundColor=“#f3f3f3” secondaryBackgroundColor=“#002c1c” (dark green) textColor=“#000000” I have been using version 1.35 and 1…

---

## [Change theme colors](https://discuss.streamlit.io/t/change-theme-colors/69092)

<div class="topic-metadata">

**Author:** [@solysombra](https://discuss.streamlit.io/u/solysombra)\
**Replies:** 1\
**Last updated:** [September 12, 2024, 7:58am UTC](https://discuss.streamlit.io/t/change-theme-colors/69092 "2024-09-12T07:58:23Z")

</div>

I know that I can use the .streamlit/config.toml to set the theme colors, but I found this a little restricted for my design problem. Is it possible to change how the theme colors work without changing the Streamlit mod…

---

## [Selected fonts and themes not applied when app is deployed](https://discuss.streamlit.io/t/selected-fonts-and-themes-not-applied-when-app-is-deployed/75112)

<div class="topic-metadata">

**Author:** [@Data\_Ninja](https://discuss.streamlit.io/u/Data_Ninja)\
**Replies:** 1\
**Last updated:** [July 23, 2024, 4:35pm UTC](https://discuss.streamlit.io/t/selected-fonts-and-themes-not-applied-when-app-is-deployed/75112 "2024-07-23T16:35:54Z")

</div>

I have completed the development of my streamlit app, i used some custom fonts and themes which i have copied in to a config.toml file in my .streamlit folder in my root folder. The selected theme and font works on my lo…

---

## [Theme with st.set\_page\_config doesn't change after deployed](https://discuss.streamlit.io/t/theme-with-st-set-page-config-doesnt-change-after-deployed/75192)

<div class="topic-metadata">

**Author:** [@lachard.eric](https://discuss.streamlit.io/u/lachard.eric)\
**Replies:** 2\
**Last updated:** [July 19, 2024, 9:41pm UTC](https://discuss.streamlit.io/t/theme-with-st-set-page-config-doesnt-change-after-deployed/75192 "2024-07-19T21:41:23Z")

</div>

Hello, i deployed ma streamlit app on cloud with github but when i try to change theme (like backgroundcolor) with my file .streamlit/config.toml it doesn’t work. I was looking for a solution but didn’t find an answer …

---

## [How to unfocus (blur) a button](https://discuss.streamlit.io/t/how-to-unfocus-blur-a-button/69547)

<div class="topic-metadata">

**Author:** [@ElTitoFranki](https://discuss.streamlit.io/u/ElTitoFranki)\
**Replies:** 6\
**Last updated:** [May 21, 2024, 1:32pm UTC](https://discuss.streamlit.io/t/how-to-unfocus-blur-a-button/69547 "2024-05-21T13:32:36Z")

</div>

I have developed an app to tag curves. In order to do it, I display the curve to tag inside a plotly graph, and some buttons (corresponding to each tag) below the plot. When the user press a button, the tag is saved in …

---

## [Access to app theme](https://discuss.streamlit.io/t/access-to-app-theme/67721)

<div class="topic-metadata">

**Author:** [@scawagray](https://discuss.streamlit.io/u/scawagray)\
**Replies:** 1\
**Last updated:** [May 9, 2024, 8:30pm UTC](https://discuss.streamlit.io/t/access-to-app-theme/67721 "2024-05-09T20:30:15Z")

</div>

Is there a way to access the app theme set by the user via settings? I know you can access config theme but how about if its dynamically set?

---

## [New Component: st-theme, it returns the active theme of the Streamlit app](https://discuss.streamlit.io/t/new-component-st-theme-it-returns-the-active-theme-of-the-streamlit-app/64424)

<div class="topic-metadata">

**Author:** [@gabrieltempass](https://discuss.streamlit.io/u/gabrieltempass)\
**Replies:** 0\
**Last updated:** [March 11, 2024, 3:00pm UTC](https://discuss.streamlit.io/t/new-component-st-theme-it-returns-the-active-theme-of-the-streamlit-app/64424 "2024-03-11T15:00:55Z")

</div>

Streamlit Theme A component that returns the active theme of the Streamlit app. Installation pip install st-theme Usage The function immediately returns the active theme, when it is called. If the user manually changes…
