From 7057d3df238fde7ddd07e545068e320abaf0e3f2 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Thu, 10 Jul 2025 08:45:30 +0000
Subject: [PATCH] Improve the visibility of category backgrounds throughout the
 application

Updates background colors in index.css for vendor, product, client, and identity sections to enhance visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dec54137-d5a2-4406-8ad4-5f2f9fb110bf
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/22671e62-b8cd-48e4-b8c7-41934de88541.jpg
---
 client/src/index.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 9b186b9..5b6d36f 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -409,21 +409,21 @@ body {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
-/* Fonds de couleur pour chaque catégorie */
+/* Fonds de couleur très visibles pour chaque catégorie */
 .section-vendor {
-  background: linear-gradient(135deg, hsl(var(--vendor-accent) / 0.12) 0%, hsl(var(--vendor-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #e0e7ff 0%, #f1f5f9 100%) !important; /* Fond violet clair */
 }
 
 .section-product {
-  background: linear-gradient(135deg, hsl(var(--product-accent) / 0.12) 0%, hsl(var(--product-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #dbeafe 0%, #f1f5f9 100%) !important; /* Fond bleu clair */
 }
 
 .section-client {
-  background: linear-gradient(135deg, hsl(var(--client-accent) / 0.12) 0%, hsl(var(--client-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #d1fae5 0%, #f1f5f9 100%) !important; /* Fond vert clair */
 }
 
 .section-identity {
-  background: linear-gradient(135deg, hsl(var(--identity-accent) / 0.12) 0%, hsl(var(--identity-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #fed7aa 0%, #f1f5f9 100%) !important; /* Fond orange clair */
 }
 
 /* Responsive design */