diff --git a/client/src/components/ControlPanel.css b/client/src/components/ControlPanel.css
index fe3ef34..93e9dee 100644
--- a/client/src/components/ControlPanel.css
+++ b/client/src/components/ControlPanel.css
@@ -300,13 +300,13 @@
 .turtle-details h2 {
   font-size: 1.25rem;
   margin-bottom: 1.5rem;
-  color: #111827;
+  color: #f9fafb;
   font-weight: 700;
   display: flex;
   align-items: center;
   gap: 0.5rem;
   padding-bottom: 0.75rem;
-  border-bottom: 2px solid #e5e7eb;
+  border-bottom: 2px solid #374151;
 }
 
 .turtle-details h2::before {
@@ -317,22 +317,22 @@
 .detail-section {
   margin-bottom: 1.25rem;
   padding: 1rem;
-  background: #ffffff;
+  background: #1f2937;
   border-radius: 0.5rem;
-  border: 1px solid #e5e7eb;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  border: 1px solid #374151;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   transition: all 0.2s ease;
 }
 
 .detail-section:hover {
-  border-color: #d1d5db;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-color: #4b5563;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
 }
 
 .detail-section h3 {
   font-size: 1rem;
   margin-bottom: 1rem;
-  color: #3b82f6;
+  color: #60a5fa;
   font-weight: 700;
   display: flex;
   align-items: center;