From 8e1d1f67fc7d3cd894459762a9197c99c3f57066 Mon Sep 17 00:00:00 2001
From: MayaTheShy <MayaTheShy@gmail.com>
Date: Fri, 20 Feb 2026 02:44:26 -0500
Subject: [PATCH] style: Update error, warning, and peripheral colors for
 improved UI consistency

---
 client/src/components/ControlPanel.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/ControlPanel.jsx b/client/src/components/ControlPanel.jsx
index 1dd54e8..20f446c 100644
--- a/client/src/components/ControlPanel.jsx
+++ b/client/src/components/ControlPanel.jsx
@@ -210,13 +210,13 @@ function TurtleDetails({ turtle }) {
             </span>
           </div>
           {turtle.error && (
-            <div className="status-item" style={{ color: '#ef4444' }}>
+            <div className="status-item" style={{ color: '#ff5555' }}>
               <span className="label">Error:</span>
               <span className="value">{turtle.error}</span>
             </div>
           )}
           {turtle.warning && (
-            <div className="status-item" style={{ color: '#f59e0b' }}>
+            <div className="status-item" style={{ color: '#ffaa00' }}>
               <span className="label">Warning:</span>
               <span className="value">{turtle.warning}</span>
             </div>
@@ -232,7 +232,7 @@ function TurtleDetails({ turtle }) {
             {Object.entries(turtle.peripherals).map(([side, type]) => (
               <div key={side} className="status-item">
                 <span className="label" style={{ textTransform: 'capitalize' }}>{side}:</span>
-                <span className="value" style={{ color: '#a78bfa' }}>{type}</span>
+                <span className="value" style={{ color: '#ff55ff' }}>{type}</span>
               </div>
             ))}
           </div>