@danhachuel/thunderbolt 0.6.94 → 0.6.96

package/app/main.py

@@ -35,6 +35,7 @@ from typing import Any
 
 import requests
 import streamlit as st
+import streamlit.components.v1 as components
 
 ROOT = Path(__file__).resolve().parents[1]
 if str(ROOT) not in sys.path:
@@ -267,67 +268,57 @@ ensure_storage()
 st.set_page_config(page_title="Thunderbolt", page_icon="T", layout="wide", initial_sidebar_state="expanded")
 
 theme_base = (st.get_option("theme.base") or "dark").lower()
-
-if theme_base == "light":
-    st.markdown(
-        """
-<style>
-html,
-body,
-.stApp,
-[data-testid="stAppViewContainer"],
-[data-testid="stAppViewContainer"] > .main {
-    background: linear-gradient(315deg, #4f2991 3%, #7dc4ff 38%, #36cfcc 68%, #a92ed3 98%);
-    background-size: 400% 400%;
-    background-attachment: fixed;
-    animation: thunderbolt-prismatic-gradient 15s ease infinite;
-}
-
-.stApp,
-[data-testid="stAppViewContainer"],
-[data-testid="stAppViewContainer"] > .main {
-    min-height: 100vh;
-    margin: 0;
-    background-color: transparent !important;
-    background-image: linear-gradient(315deg, #4f2991 3%, #7dc4ff 38%, #36cfcc 68%, #a92ed3 98%) !important;
-    background-size: 400% 400% !important;
-    background-attachment: fixed;
+components.html(
+    """
+<script>
+(() => {
+    const STYLE_ID = "thunderbolt-light-theme-style";
+    const COLOR = "#7A6FE4";
+    const getStoredTheme = () => {
+        try {
+            return JSON.parse(window.parent.localStorage.getItem("stActiveTheme-/-v2") || '"System"');
+        } catch (_error) {
+            return "System";
+        }
+    };
+    const isLightTheme = () => {
+        const selected = getStoredTheme();
+        if (selected === "Light") return true;
+        if (selected === "Dark") return false;
+        return window.parent.matchMedia("(prefers-color-scheme: light)").matches;
+    };
+    const applyTheme = () => {
+        const document = window.parent.document;
+        const existing = document.getElementById(STYLE_ID);
+        if (!isLightTheme()) {
+            if (existing) existing.remove();
+            return;
+        }
+        const style = existing || document.createElement("style");
+        style.id = STYLE_ID;
+        style.textContent = `
+:root { --primary-bg-color: ${COLOR}; }
+html, body, .stApp, [data-testid="stAppViewContainer"], [data-testid="stAppViewContainer"] > .main {
+    min-height: 100vh !important;
+    margin: 0 !important;
+    background: ${COLOR} !important;
+    background-image: none !important;
 }
-
 [data-testid="stSidebar"] {
-    background: rgba(255, 255, 255, 0.72) !important;
+    background: ${COLOR} !important;
+    background-image: none !important;
 }
-
-@keyframes thunderbolt-prismatic-gradient {
-    0% { background-position: 0% 0%; }
-    50% { background-position: 100% 100%; }
-    100% { background-position: 0% 0%; }
-}
-</style>
-<script>
-(function () {
-    const gradient = 'linear-gradient(315deg, #4f2991 3%, #7dc4ff 38%, #36cfcc 68%, #a92ed3 98%)';
-    const selectors = [
-        'html',
-        'body',
-        '.stApp',
-        '[data-testid="stAppViewContainer"]',
-        '[data-testid="stAppViewContainer"] > .main'
-    ];
-    const applyGradient = () => selectors.forEach((selector) => {
-        document.querySelectorAll(selector).forEach((element) => {
-            element.style.setProperty('background-image', gradient, 'important');
-            element.style.setProperty('background-size', '400% 400%', 'important');
-            element.style.setProperty('background-attachment', 'fixed');
-        });
+`;
+        if (!existing) document.head.appendChild(style);
     };
-    applyGradient();
-    new MutationObserver(applyGradient).observe(document.documentElement, { childList: true, subtree: true });
+    applyTheme();
+    window.setInterval(applyTheme, 500);
 })();
 </script>
-        """,
-        unsafe_allow_html=True,
-    )
+    """,
+    height=0,
+    width=0,
+)
 
 st.markdown("""
 <style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danhachuel/thunderbolt",
-  "version": "0.6.94",
+  "version": "0.6.96",
   "description": "Thunderbolt — interface local para operação de canais faceless e motor MoneyPrinterTurbo",
   "license": "MIT",
   "main": "scripts/cli.mjs",