From 6b047e74cbac571ed2d874a2cebb046b7ebc740d Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Thu, 8 Jan 2026 10:15:07 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Colorisation=20des=20ic=C3=B4nes?=
 =?UTF-8?q?=20du=20menu=20lat=C3=A9ral=20par=20cat=C3=A9gorie=20pour=20am?=
 =?UTF-8?q?=C3=A9liorer=20la=20navigation=20visuelle=20et=20l'identificati?=
 =?UTF-8?q?on=20rapide=20des=20sections=20:=20Tableau=20de=20bord=20en=20b?=
 =?UTF-8?q?leu=20(text-blue-600),=20Gestion=20en=20vert=20(text-green-600)?=
 =?UTF-8?q?,=20Configuration=20en=20orange=20(text-orange-600),=20Tra?=
 =?UTF-8?q?=C3=A7abilit=C3=A9=20en=20violet=20(text-purple-600),=20et=20An?=
 =?UTF-8?q?alyses=20en=20rose=20(text-pink-600).=20Ajout=20d'une=20fonctio?=
 =?UTF-8?q?n=20getCategoryColor()=20dans=20DashboardLayout.tsx=20qui=20app?=
 =?UTF-8?q?lique=20automatiquement=20la=20couleur=20appropri=C3=A9e=20aux?=
 =?UTF-8?q?=20titres=20de=20section,=20chevrons=20et=20ic=C3=B4nes=20de=20?=
 =?UTF-8?q?menu=20selon=20la=20cat=C3=A9gorie.=20Les=20ic=C3=B4nes=20activ?=
 =?UTF-8?q?es=20conservent=20la=20couleur=20primaire=20pour=20indiquer=20l?=
 =?UTF-8?q?a=20page=20courante.=20Cette=20am=C3=A9lioration=20visuelle=20f?=
 =?UTF-8?q?acilite=20la=20navigation=20et=20rend=20l'interface=20plus=20in?=
 =?UTF-8?q?tuitive=20et=20moderne.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/DashboardLayout.tsx | 18 +++++++++++++++---
 todo.md                                   |  4 ++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/client/src/components/DashboardLayout.tsx b/client/src/components/DashboardLayout.tsx
index 113cfaa..ae26b71 100644
--- a/client/src/components/DashboardLayout.tsx
+++ b/client/src/components/DashboardLayout.tsx
@@ -27,6 +27,18 @@ import { useLocation } from "wouter";
 import { DashboardLayoutSkeleton } from './DashboardLayoutSkeleton';
 import { Button } from "./ui/button";
 
+// Couleurs par catégorie de menu
+const getCategoryColor = (sectionTitle: string) => {
+  const colors: Record<string, string> = {
+    "Tableau de bord": "text-blue-600",
+    "Gestion": "text-green-600",
+    "Configuration": "text-orange-600",
+    "Traçabilité": "text-purple-600",
+    "Analyses": "text-pink-600",
+  };
+  return colors[sectionTitle] || "";
+};
+
 const menuSections = [
   {
     title: "Tableau de bord",
@@ -307,11 +319,11 @@ function DashboardLayoutContent({
                     onClick={() => toggleSection(section.title)}
                     className="w-full px-4 py-2 flex items-center justify-between hover:bg-accent/50 transition-colors rounded-md mx-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                   >
-                    <h3 className="text-xs font-semibold text-blue-600 uppercase tracking-wider">
+                    <h3 className={`text-xs font-semibold uppercase tracking-wider ${getCategoryColor(section.title)}`}>
                       {section.title}
                     </h3>
                     <ChevronDown 
-                      className={`h-3 w-3 text-blue-600 transition-transform duration-200 ${
+                      className={`h-3 w-3 transition-transform duration-200 ${getCategoryColor(section.title)} ${
                         isOpen ? 'rotate-180' : ''
                       }`}
                     />
@@ -332,7 +344,7 @@ function DashboardLayoutContent({
                                 className={`h-10 transition-all font-normal`}
                               >
                                 <item.icon
-                                  className={`h-4 w-4 ${isActive || isSubItemActive ? "text-primary" : ""}`}
+                                  className={`h-4 w-4 ${isActive || isSubItemActive ? "text-primary" : getCategoryColor(section.title)}`}
                                 />
                                 <span>{item.label}</span>
                               </SidebarMenuButton>
diff --git a/todo.md b/todo.md
index 4ad3202..ef4c810 100644
--- a/todo.md
+++ b/todo.md
@@ -576,3 +576,7 @@
 ## Cohérence visuelle des icônes
 - [x] Vérifier et corriger la couleur de l'icône corbeille (rouge) sur toutes les pages
 - [x] Vérifier et corriger la couleur de l'icône œil (bleu) sur toutes les pages
+
+## Colorisation des icônes du menu latéral
+- [x] Appliquer des couleurs par catégorie aux icônes du menu (Tableau de bord: bleu, Gestion: vert, Configuration: orange, Traçabilité: violet, Analyses: rose)
+- [x] Vérifier l'affichage visuel du menu colorisé