From f1a3045bbf13ddf18c9cf86651570ba2cb03a9ae Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Mon, 16 Mar 2026 15:30:47 -0400
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Niveau=20en=20violet=20doux=20(bg?=
 =?UTF-8?q?-violet-50/border-violet-200),=20Territoire=20en=20teal=20(bg-t?=
 =?UTF-8?q?eal-50/border-teal-200),=20Source=20en=20orange=20doux=20(bg-or?=
 =?UTF-8?q?ange-50/border-orange-200)=20=E2=80=94=20ic=C3=B4nes=20et=20tex?=
 =?UTF-8?q?tes=20assortis?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/VeilleDashboard.tsx | 24 ++++++++++++------------
 todo.md                              |  1 +
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/client/src/pages/VeilleDashboard.tsx b/client/src/pages/VeilleDashboard.tsx
index 80df777..c4d7384 100644
--- a/client/src/pages/VeilleDashboard.tsx
+++ b/client/src/pages/VeilleDashboard.tsx
@@ -141,29 +141,29 @@ function VeilleDetailDialog({
               </div>
             )}
             {item.niveau && (
-              <div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
-                <Layers size={14} className="text-muted-foreground mt-0.5 shrink-0" />
+              <div className="flex items-start gap-2 p-3 rounded-lg bg-violet-50 border border-violet-200">
+                <Layers size={14} className="text-violet-500 mt-0.5 shrink-0" />
                 <div>
-                  <p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Niveau</p>
-                  <p className="text-sm font-medium text-foreground">{item.niveau}</p>
+                  <p className="text-[10px] uppercase tracking-wide text-violet-400 font-medium">Niveau</p>
+                  <p className="text-sm font-medium text-violet-800">{item.niveau}</p>
                 </div>
               </div>
             )}
             {item.territoire && (
-              <div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
-                <MapPin size={14} className="text-muted-foreground mt-0.5 shrink-0" />
+              <div className="flex items-start gap-2 p-3 rounded-lg bg-teal-50 border border-teal-200">
+                <MapPin size={14} className="text-teal-500 mt-0.5 shrink-0" />
                 <div>
-                  <p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Territoire</p>
-                  <p className="text-sm font-medium text-foreground">{item.territoire}</p>
+                  <p className="text-[10px] uppercase tracking-wide text-teal-400 font-medium">Territoire</p>
+                  <p className="text-sm font-medium text-teal-800">{item.territoire}</p>
                 </div>
               </div>
             )}
             {item.source && (
-              <div className="flex items-start gap-2 p-3 rounded-lg bg-muted/40 border border-border/50">
-                <Globe size={14} className="text-muted-foreground mt-0.5 shrink-0" />
+              <div className="flex items-start gap-2 p-3 rounded-lg bg-orange-50 border border-orange-200">
+                <Globe size={14} className="text-orange-500 mt-0.5 shrink-0" />
                 <div>
-                  <p className="text-[10px] uppercase tracking-wide text-muted-foreground font-medium">Source</p>
-                  <p className="text-sm font-medium text-foreground">{item.source}</p>
+                  <p className="text-[10px] uppercase tracking-wide text-orange-400 font-medium">Source</p>
+                  <p className="text-sm font-medium text-orange-800">{item.source}</p>
                 </div>
               </div>
             )}
diff --git a/todo.md b/todo.md
index 8df6e8f..c5dbc5f 100644
--- a/todo.md
+++ b/todo.md
@@ -39,3 +39,4 @@
 - [x] Frontend : afficher le résultat de l'import (nouvelles entrées, erreurs) après upload
 - [x] Page Paramètres : afficher les zones d'upload (drag & drop) quand la source "local" est sélectionnée
 - [x] Veille : bouton "Détail" sur chaque ligne ouvrant une boîte de dialogue avec toutes les infos complètes
+- [x] Boîte de dialogue Veille : couleurs douces distinctes pour les vignettes Niveau, Territoire et Source