@danhachuel/thunderbolt 0.6.92 → 0.6.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/main.py +28 -1
- package/package.json +1 -1
package/app/main.py
CHANGED
|
@@ -266,7 +266,9 @@ SUBTITLE_POSITION_OPTIONS = ["Bottom (Recommended)", "Top", "Center"]
|
|
|
266
266
|
ensure_storage()
|
|
267
267
|
st.set_page_config(page_title="Thunderbolt", page_icon="T", layout="wide", initial_sidebar_state="expanded")
|
|
268
268
|
|
|
269
|
-
|
|
269
|
+
theme_base = (st.get_option("theme.base") or "dark").lower()
|
|
270
|
+
|
|
271
|
+
if theme_base == "light":
|
|
270
272
|
st.markdown(
|
|
271
273
|
"""
|
|
272
274
|
<style>
|
|
@@ -292,12 +294,37 @@ body,
|
|
|
292
294
|
background-attachment: fixed;
|
|
293
295
|
}
|
|
294
296
|
|
|
297
|
+
[data-testid="stSidebar"] {
|
|
298
|
+
background: rgba(255, 255, 255, 0.72) !important;
|
|
299
|
+
}
|
|
300
|
+
|
|
295
301
|
@keyframes thunderbolt-prismatic-gradient {
|
|
296
302
|
0% { background-position: 0% 0%; }
|
|
297
303
|
50% { background-position: 100% 100%; }
|
|
298
304
|
100% { background-position: 0% 0%; }
|
|
299
305
|
}
|
|
300
306
|
</style>
|
|
307
|
+
<script>
|
|
308
|
+
(function () {
|
|
309
|
+
const gradient = 'linear-gradient(315deg, #4f2991 3%, #7dc4ff 38%, #36cfcc 68%, #a92ed3 98%)';
|
|
310
|
+
const selectors = [
|
|
311
|
+
'html',
|
|
312
|
+
'body',
|
|
313
|
+
'.stApp',
|
|
314
|
+
'[data-testid="stAppViewContainer"]',
|
|
315
|
+
'[data-testid="stAppViewContainer"] > .main'
|
|
316
|
+
];
|
|
317
|
+
const applyGradient = () => selectors.forEach((selector) => {
|
|
318
|
+
document.querySelectorAll(selector).forEach((element) => {
|
|
319
|
+
element.style.setProperty('background-image', gradient, 'important');
|
|
320
|
+
element.style.setProperty('background-size', '400% 400%', 'important');
|
|
321
|
+
element.style.setProperty('background-attachment', 'fixed');
|
|
322
|
+
});
|
|
323
|
+
};
|
|
324
|
+
applyGradient();
|
|
325
|
+
new MutationObserver(applyGradient).observe(document.documentElement, { childList: true, subtree: true });
|
|
326
|
+
})();
|
|
327
|
+
</script>
|
|
301
328
|
""",
|
|
302
329
|
unsafe_allow_html=True,
|
|
303
330
|
)
|
package/package.json
CHANGED