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