style: Update StatusBadge colors for improved visibility and consistency with Minecraft theme

2026-02-20 02:58:45 -05:00
parent 1d99ba534a
commit 5966d4de2b
1 changed files with 4 additions and 4 deletions
--- a/client/src/components/MiningAreasPanel.jsx
+++ b/client/src/components/MiningAreasPanel.jsx
@@ -192,12 +192,12 @@ export default function MiningAreasPanel({ turtles, selectedTurtle, apiUrl }) {
  // Status badge component
  const StatusBadge = ({ status }) => {
    const colors = {
-      planned: '#6366f1',
-      mining: '#f59e0b',
-      completed: '#10b981'
+      planned: '#345ec3',
+      mining: '#ffaa00',
+      completed: '#4a8c2a'
    };
    return (
-      <span className="status-badge" style={{ backgroundColor: colors[status] || '#6b7280' }}>
+      <span className="status-badge" style={{ backgroundColor: colors[status] || '#6b6b6b' }}>
        {status}
      </span>
    );