Spaces:
Runtime error
Runtime error
File size: 5,090 Bytes
a485e3e 5fe7f18 a485e3e d844008 a485e3e d844008 a485e3e d844008 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e 5fe7f18 a485e3e d844008 a485e3e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 |
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")
|