Améliore thème sombre

Améliore le contraste et la hiérarchie visuelle du thème sombre pour faciliter la navigation, en ajustant les variables CSS et les couleurs dans le fichier index.css et le styling associé.

X-Lovable-Edit-ID: edt-d8b384cb-6e96-4a50-b854-ce9cc169f6b7

src/index.css

@@ -54,41 +54,52 @@
   }
 
   .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
+    /* Fond principal plus doux - bleu-gris foncé */
+    --background: 222 47% 11%;
+    --foreground: 210 40% 96%;
 
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
+    /* Cartes légèrement plus claires pour la hiérarchie */
+    --card: 220 40% 13%;
+    --card-foreground: 210 40% 96%;
 
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
+    /* Popovers avec contraste subtil */
+    --popover: 220 40% 15%;
+    --popover-foreground: 210 40% 96%;
 
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
+    /* Couleur primaire - bleu vif pour une bonne visibilité */
+    --primary: 217 91% 60%;
+    --primary-foreground: 222 47% 11%;
 
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
+    /* Secondaire - plus visible en mode sombre */
+    --secondary: 217 33% 22%;
+    --secondary-foreground: 210 40% 96%;
 
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
+    /* Muted - texte secondaire lisible */
+    --muted: 217 33% 20%;
+    --muted-foreground: 215 25% 65%;
 
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
+    /* Accent - pour les éléments interactifs */
+    --accent: 217 33% 25%;
+    --accent-foreground: 210 40% 96%;
 
-    --destructive: 0 62.8% 30.6%;
+    /* Destructive - rouge plus visible en sombre */
+    --destructive: 0 70% 50%;
     --destructive-foreground: 210 40% 98%;
 
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
-    --sidebar-background: 240 5.9% 10%;
-    --sidebar-foreground: 240 4.8% 95.9%;
-    --sidebar-primary: 224.3 76.3% 48%;
+    /* Bordures plus visibles */
+    --border: 217 30% 24%;
+    --input: 217 30% 20%;
+    --ring: 217 91% 60%;
+
+    /* Sidebar améliorée */
+    --sidebar-background: 222 47% 9%;
+    --sidebar-foreground: 210 40% 90%;
+    --sidebar-primary: 217 91% 60%;
     --sidebar-primary-foreground: 0 0% 100%;
-    --sidebar-accent: 240 3.7% 15.9%;
-    --sidebar-accent-foreground: 240 4.8% 95.9%;
-    --sidebar-border: 240 3.7% 15.9%;
-    --sidebar-ring: 217.2 91.2% 59.8%;
+    --sidebar-accent: 217 33% 18%;
+    --sidebar-accent-foreground: 210 40% 96%;
+    --sidebar-border: 217 30% 20%;
+    --sidebar-ring: 217 91% 60%;
   }
 }