Create app.py

app.py

@@ -0,0 +1,159 @@
+import streamlit as st
+import plotly.figure_factory as ff
+import numpy as np
+import random
+
+
+# This code is different for each deployed app.
+CURRENT_THEME = "blue"
+IS_DARK_THEME = True
+EXPANDER_TEXT = """
+    This is a custom theme. You can enable it by copying the following code
+    to `.streamlit/config.toml`:
+    ```python
+    [theme]
+    primaryColor = "#E694FF"
+    backgroundColor = "#00172B"
+    secondaryBackgroundColor = "#0083B8"
+    textColor = "#C6CDD4"
+    font = "sans-serif"
+    ```
+    """
+
+
+# This code is the same for each deployed app.
+st.image(
+    "https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/271/artist-palette_1f3a8.png",
+    width=100,
+)
+
+"""
+# Try out Theming!
+Click on the images below to view this app with different themes. 
+"""
+
+""
+
+THEMES = [
+    "light",
+    "dark",
+    "green",
+    "blue",
+]
+GITHUB_OWNER = "streamlit"
+
+# Show thumbnails for available themes.
+# As html img tags here, so we can add links on them.
+cols = st.columns(len(THEMES))
+for col, theme in zip(cols, THEMES):
+
+    # Get repo name for this theme (to link to correct deployed app)-
+    if theme == "light":
+        repo = "theming-showcase"
+    else:
+        repo = f"theming-showcase-{theme}"
+
+    # Set border of current theme to red, otherwise black or white
+    if theme == CURRENT_THEME:
+        border_color = "red"
+    else:
+        border_color = "lightgrey" if IS_DARK_THEME else "black"
+
+    col.markdown(
+        #f'<p align=center><a href="https://share.streamlit.io/{GITHUB_OWNER}/{repo}/main"><img style="border: 1px solid {border_color}" alt="{theme}" src="https://raw.githubusercontent.com/{GITHUB_OWNER}/theming-showcase/main/thumbnails/{theme}.png" width=150></a></p>',
+        f'<p align=center><a href="https://apps.streamlitusercontent.com/{GITHUB_OWNER}/{repo}/main/streamlit_app.py/+/"><img style="border: 1px solid {border_color}" alt="{theme}" src="https://raw.githubusercontent.com/{GITHUB_OWNER}/theming-showcase/main/thumbnails/{theme}.png" width=150></a></p>',
+        unsafe_allow_html=True,
+    )
+    if theme in ["light", "dark"]:
+        theme_descriptor = theme.capitalize() + " theme"
+    else:
+        theme_descriptor = "Custom theme"
+    col.write(f"<p align=center>{theme_descriptor}</p>", unsafe_allow_html=True)
+
+
+""
+with st.expander("Not loading?"):
+    st.write(
+        "You probably played around with themes before and overrode this app's theme. Go to ☰ -> Settings -> Theme and select *Custom Theme*."
+    )
+with st.expander("How can I use this theme in my app?"):
+    st.write(EXPANDER_TEXT)
+
+""
+""
+
+# Draw some dummy content in main page and sidebar.
+def draw_all(
+    key,
+    plot=False,
+):
+    st.write(
+        """
+        # Example Widgets
+        
+        These widgets don't do anything. But look at all the new colors they got 👀 
+    
+        ```python
+        # First some code.
+        streamlit = "cool"
+        theming = "fantastic"
+        both = "💥"
+        ```
+        """
+    )
+
+    st.checkbox("Is this cool or what?", key=str(random.randint(0, 10000)))
+    st.radio(
+        "How many balloons?",
+        ["1 balloon 🎈", "2 balloons 🎈🎈", "3 balloons 🎈🎈🎈"],
+        key=str(random.randint(0, 10000)),
+    )
+    st.button("🤡 Click me", key=str(random.randint(0, 10000)))
+
+    # if plot:
+    #     st.write("Oh look, a plot:")
+    #     x1 = np.random.randn(200) - 2
+    #     x2 = np.random.randn(200)
+    #     x3 = np.random.randn(200) + 2
+
+    #     hist_data = [x1, x2, x3]
+    #     group_labels = ["Group 1", "Group 2", "Group 3"]
+
+    #     fig = ff.create_distplot(hist_data, group_labels, bin_size=[0.1, 0.25, 0.5])
+
+    #     st.plotly_chart(fig, use_container_width=True)
+
+    st.file_uploader("You can now upload with style", key=str(random.randint(0, 10000)))
+    st.slider(
+        "From 10 to 11, how cool are themes?", min_value=10, max_value=11, key=str(random.randint(0, 10000))
+    )
+    # st.select_slider("Pick a number", [1, 2, 3], key=key)
+    st.number_input("So many numbers", key=str(random.randint(0, 10000)))
+    st.text_area("A little writing space for you :)", key=str(random.randint(0, 10000)))
+    st.text_input("Text input :)", key=str(random.randint(0, 10000)))
+    st.selectbox(
+        "My favorite thing in the world is...",
+        ["Streamlit", "Theming", "Baloooons 🎈 "],
+        key=str(random.randint(0, 10000)),
+    )
+    # st.multiselect("Pick a number", [1, 2, 3], key=key)
+    # st.color_picker("Colors, colors, colors", key=key)
+    with st.expander("Expand me!"):
+        st.write("Hey there! Nothing to see here 👀 ")
+    st.write("")
+    # st.write("That's our progress on theming:")
+    # st.progress(0.99)
+    if plot:
+        st.write("And here's some data and plots")
+        st.json({"data": [1, 2, 3, 4]})
+        st.dataframe({"data": [1, 2, 3, 4]})
+        st.table({"data": [1, 2, 3, 4]})
+        st.line_chart({"data": [1, 2, 3, 4]})
+        # st.help(st.write)
+    st.write("This is the end. Have fun building themes!")
+
+
+draw_all("main", plot=True)
+
+with st.sidebar:
+    draw_all("sidebar")