From 0296253149765b38c8a99a899a90b43cf7066c57 Mon Sep 17 00:00:00 2001
From: MayaTheShy <MayaTheShy@gmail.com>
Date: Mon, 16 Feb 2026 02:13:56 -0500
Subject: [PATCH] feat: Update detail section colors and status item styles for
 improved contrast and aesthetics

---
 client/src/components/ControlPanel.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/src/components/ControlPanel.css b/client/src/components/ControlPanel.css
index 93e9dee..5032b74 100644
--- a/client/src/components/ControlPanel.css
+++ b/client/src/components/ControlPanel.css
@@ -342,7 +342,7 @@
 .detail-section h4 {
   font-size: 0.875rem;
   margin: 1rem 0 0.75rem;
-  color: #4b5563;
+  color: #d1d5db;
   font-weight: 600;
 }
 
@@ -357,19 +357,19 @@
   flex-direction: column;
   gap: 0.375rem;
   padding: 0.75rem;
-  background: #f9fafb;
+  background: #111827;
   border-radius: 0.375rem;
-  border: 1px solid #e5e7eb;
+  border: 1px solid #374151;
   transition: all 0.2s ease;
 }
 
 .status-item:hover {
-  background: #f3f4f6;
-  border-color: #3b82f6;
+  background: #1f2937;
+  border-color: #60a5fa;
 }
 
 .status-item .label {
-  color: #6b7280;
+  color: #9ca3af;
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
@@ -377,7 +377,7 @@
 }
 
 .status-item .value {
-  color: #111827;
+  color: #f9fafb;
   font-weight: 700;
   font-family: 'Courier New', monospace;
   font-size: 0.95rem;