MayaTheShy/remoteturtle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update error, warning, and peripheral colors for improved UI consistency

Browse Source
This commit is contained in:
MayaTheShy
2026-02-20 02:44:26 -05:00
parent fa8b45b74a
commit 8e1d1f67fc
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/ControlPanel.jsx
View File

@@ -210,13 +210,13 @@ function TurtleDetails({ turtle }) {
</span> </span>
</div> </div>
{turtle.error && ( {turtle.error && (
<div className="status-item" style={{ color: '#ef4444' }}> <div className="status-item" style={{ color: '#ff5555' }}>
<span className="label">Error:</span> <span className="label">Error:</span>
<span className="value">{turtle.error}</span> <span className="value">{turtle.error}</span>
</div> </div>
)} )}
{turtle.warning && ( {turtle.warning && (
<div className="status-item" style={{ color: '#f59e0b' }}> <div className="status-item" style={{ color: '#ffaa00' }}>
<span className="label">Warning:</span> <span className="label">Warning:</span>
<span className="value">{turtle.warning}</span> <span className="value">{turtle.warning}</span>
</div> </div>
@@ -232,7 +232,7 @@ function TurtleDetails({ turtle }) {
{Object.entries(turtle.peripherals).map(([side, type]) => ( {Object.entries(turtle.peripherals).map(([side, type]) => (
<div key={side} className="status-item"> <div key={side} className="status-item">
<span className="label" style={{ textTransform: 'capitalize' }}>{side}:</span> <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>
))} ))}
</div> </div>