Update app.py

app.py

@@ -16,6 +16,7 @@ import plotly.graph_objects as go
 import plotly.io as pio
 
 # ---------------- Branding Verbatify (CSS + Plotly) ----------------
+VB_CSS = r"""
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
 
 /* ---------- Palette Verbatify ---------- */
@@ -35,7 +36,7 @@ import plotly.io as pio
   --vb-shadow:0 10px 26px rgba(2,6,23,.08);
 }
 
-/* Forcer un look clair, même si l’hôte est en dark */
+/* forcer un look clair */
 * { color-scheme: light !important; }
 
 html,body,.gradio-container{
@@ -47,7 +48,7 @@ html,body,.gradio-container{
 /* largeur contenante */
 .gradio-container{max-width:1120px !important;margin:0 auto !important}
 
-/* ---------- Hero / Header ---------- */
+/* ---------- Hero ---------- */
 .vb-hero{
   display:flex;align-items:center;gap:16px;padding:20px 22px;margin:10px 0 20px;
   background:linear-gradient(90deg, rgba(124,58,237,.12), rgba(6,182,212,.12));
@@ -70,10 +71,6 @@ html,body,.gradio-container{
   box-shadow:var(--vb-shadow);
 }
 
-/* labels et titres internes */
-.gr-markdown h1,.gr-markdown h2,.gr-markdown h3{color:var(--vb-text)}
-.gr-markdown h2{font-size:18px;margin-top:10px}
-
 /* ---------- Inputs ---------- */
 .gradio-container input[type="text"],
 .gradio-container input[type="number"],
@@ -132,7 +129,7 @@ button,.gr-button{
 .js-plotly-plot .plotly .xgrid,.js-plotly-plot .plotly .ygrid{stroke:#E2E8F0 !important;opacity:1}
 .js-plotly-plot .plotly .legend text{font-weight:600}
 
-/* ---------- Chips sentiment (si besoin) ---------- */
+/* ---------- Chips ---------- */
 .vb-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}
 .vb-chip.pos{background:rgba(16,185,129,.12);color:#065F46}
 .vb-chip.neu{background:rgba(148,163,184,.16);color:#334155}
@@ -140,7 +137,29 @@ button,.gr-button{
 
 /* ---------- Footer ---------- */
 .vb-footer{color:var(--vb-muted);font-size:12px;text-align:center;margin:16px 0}
+"""
 
+def apply_plotly_theme():
+    pio.templates["verbatify"] = go.layout.Template(
+        layout=go.Layout(
+            font=dict(family="Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif", size=13, color="#0F172A"),
+            paper_bgcolor="white", plot_bgcolor="white",
+            colorway=["#7C3AED","#06B6D4","#2563EB","#10B981","#EF4444","#F59E0B","#14B8A6","#F43F5E"],
+            xaxis=dict(gridcolor="#E2E8F0", zerolinecolor="#E2E8F0"),
+            yaxis=dict(gridcolor="#E2E8F0", zerolinecolor="#E2E8F0"),
+            legend=dict(borderwidth=0, bgcolor="rgba(255,255,255,0)")
+        )
+    )
+    pio.templates.default = "verbatify"
+
+LOGO_SVG = """<svg xmlns='http://www.w3.org/2000/svg' width='224' height='38' viewBox='0 0 224 38'>
+  <defs><linearGradient id='g' x1='0%' y1='0%' x2='100%'><stop offset='0%' stop-color='#7C3AED'/><stop offset='100%' stop-color='#06B6D4'/></linearGradient></defs>
+  <g fill='none' fill-rule='evenodd'>
+    <rect x='0' y='7' width='38' height='24' rx='12' fill='url(#g)'/>
+    <circle cx='13' cy='19' r='5' fill='#fff' opacity='0.95'/><circle cx='25' cy='19' r='5' fill='#fff' opacity='0.72'/>
+    <text x='46' y='25' font-family='Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif' font-size='20' font-weight='800' fill='#0F172A' letter-spacing='0.2'>Verbatify</text>
+  </g>
+</svg>"""
 
 # ---------------- unidecode (fallback si paquet absent) ----------------
 try: