Update app.py

app.py

@@ -16,7 +16,7 @@ import plotly.io as pio
 VB_CSS = r"""
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
 
-/* ---------- Variables Gradio (écrasent les thèmes host) ---------- */
+/* Variables Gradio (on impose le thème clair + accents violet/cyan) */
 :root{
   --body-background-fill:#F8FAFC;
   --panel-background-fill:#FFFFFF;
@@ -29,25 +29,22 @@ VB_CSS = r"""
   --radius-lg:14px;
   --shadow-drop: 0 10px 26px rgba(2,6,23,.08);
 
-  /* Accent (pas d’orange) */
   --color-accent:#7C3AED;
   --color-accent-soft:#EDE9FE;
   --button-primary-background-fill:#7C3AED;
   --button-primary-text-color:#ffffff;
 
-  /* Inputs */
   --input-background-fill:#FFFFFF;
   --input-border-color:#E2E8F0;
   --input-text-color:#0F172A;
   --input-placeholder-color:#6B7280;
 
-  /* Tables */
   --table-row-background-fill:#FFFFFF;
   --table-row-text-color:#0F172A;
   --table-border-color:#E2E8F0;
 }
 
-/* Palette dégradé violet → cyan */
+/* Palette maison */
 :root{
   --vb-bg:#F8FAFC;
   --vb-card:#FFFFFF;
@@ -63,7 +60,7 @@ VB_CSS = r"""
   --vb-shadow:0 10px 26px rgba(2,6,23,.08);
 }
 
-/* Forcer un look clair */
+/* Toujours en clair */
 * { color-scheme: light !important; }
 html,body,.gradio-container{
   background:var(--vb-bg) !important;
@@ -116,8 +113,7 @@ html,body,.gradio-container{
   border:none !important;
   padding:0 !important;
 }
-
-/* Ribbons collés en haut à gauche (bg-* neutral/gray…) */
+/* Ribbons absolus en haut à gauche */
 .gradio-container .wrap > div[class*="absolute"][class*="top-0"][class*="left-0"],
 .gradio-container [class*="absolute"][class*="top-0"][class*="left-0"][class*="rounded-b"],
 .gradio-container [class*="absolute"][class*="top-0"][class*="left-0"][class*="rounded-br"]{
@@ -127,7 +123,7 @@ html,body,.gradio-container{
   border:none !important;
 }
 
-/* ---------- Onglets / pagination internes (DataFrame, etc.) ---------- */
+/* ---------- Onglets / tablists internes ---------- */
 .gradio-container [role="tablist"],
 .gradio-container [role="tab"]{
   background:#fff !important;
@@ -199,20 +195,31 @@ html,body,.gradio-container{
 }
 .gradio-container .vb-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}
 
-/* ---------- DataFrames / Tables ---------- */
-.gradio-container [data-testid="dataframe"]{
-  background:#fff !important; border:1px solid var(--vb-border) !important; border-radius:var(--vb-radius) !important;
-}
-.gradio-container [data-testid="dataframe"] *{
-  background:#fff !important; color:#0F172A !important; border-color:#E2E8F0 !important;
+/* ---------- DataFrames / Tables (anti-bandes noires) ---------- */
+/* 1) Wrappers Svelte du tableau */
+.gradio-container .table,
+.gradio-container .table * ,
+.gradio-container .svelte-virtual-table-viewport,
+.gradio-container .table-wrap{
+  background:#fff !important;
+  color:#0F172A !important;
+  border-color:#E2E8F0 !important;
 }
-.gradio-container thead th{
+/* 2) Ligne d’en-tête + boutons d’en-tête */
+.gradio-container .table thead,
+.gradio-container .table thead tr,
+.gradio-container .table thead th{
   background:linear-gradient(90deg, rgba(124,58,237,.12), rgba(6,182,212,.12)) !important;
-  color:#111827 !important; font-weight:800 !important; border-bottom:1px solid var(--vb-border) !important;
+  color:#0F172A !important; border-bottom:1px solid #E2E8F0 !important;
 }
-.gradio-container td, .gradio-container th{
-  padding:10px !important; border-bottom:1px solid #F1F5F9 !important;
+.gradio-container .table thead th .header-button,
+.gradio-container .table thead th [class*="header-button"],
+.gradio-container .header-button{
+  background:transparent !important; color:#0F172A !important;
+  box-shadow:none !important; border:none !important;
 }
+/* 3) Captions / titres internes */
+.gradio-container .table caption{color:#0F172A !important}
 
 /* ---------- Fichiers (gr.Files) ---------- */
 .gradio-container [class*="file"]{
@@ -577,7 +584,7 @@ def analyze_text(pasted_txt, has_sc, sep_chr,
     nps_label = "NPS global (inféré)" if any_inferred else "NPS global"
     lines=[ "# Synthèse NPS & ressentis clients",
             f"- **Méthode** : {method}",
-            f"- **{nps_label}** : {nps:.1f}" if nps is not None else f"- **{npslabel}** : n/a" ]
+            f"- **{nps_label}** : {nps:.1f}" if nps is not None else f"- **{nps_label}** : n/a" ]
     if dist:
         tot=sum(dist.values()); pos=dist.get("positive",0); neg=dist.get("negatif",0); neu=dist.get("neutre",0)
         lines.append(f"- **Répartition émotions** : positive {pos}/{tot}, neutre {neu}/{tot}, négative {neg}/{tot}")
@@ -641,7 +648,10 @@ def analyze_text(pasted_txt, has_sc, sep_chr,
 
 # ====================== UI ======================
 
-apply_plotly_theme()
+def apply_plotly_theme_wrapper():
+    apply_plotly_theme()
+
+apply_plotly_theme_wrapper()
 
 with gr.Blocks(title="Verbatify — Analyse NPS", css=VB_CSS) as demo:
     gr.HTML(