diff --git a/frontend/static/css/main.css b/frontend/static/css/main.css index c6cd48f..4222460 100644 --- a/frontend/static/css/main.css +++ b/frontend/static/css/main.css @@ -265,11 +265,11 @@ select.form-control option { background: var(--surface2); } } .led-ring.idle { border-color: #1e4080; box-shadow: 0 0 15px rgba(30,64,128,0.5); color: #4080d0; } -.led-ring.countdown { border-color: var(--led-green); box-shadow: 0 0 20px rgba(34,197,94,0.6); color: var(--led-green); animation: pulse-green 1s infinite; } +.led-ring.countdown { border-color: #ffc850; box-shadow: 0 0 20px rgba(255,200,80,0.7); color: #ffc850; animation: pulse-green 1s infinite; } .led-ring.capture { border-color: #fff; box-shadow: 0 0 30px rgba(255,255,255,0.8); color: #fff; } -.led-ring.captured { border-color: var(--led-purple); box-shadow: 0 0 20px rgba(168,85,247,0.6); color: var(--led-purple); } +.led-ring.captured { border-color: var(--led-green); box-shadow: 0 0 20px rgba(34,197,94,0.6); color: var(--led-green); } .led-ring.finished { border-color: var(--led-blue); box-shadow: 0 0 20px rgba(59,130,246,0.6); color: var(--led-blue); } -.led-ring.printing { border-color: var(--led-blue); box-shadow: 0 0 20px rgba(59,130,246,0.4); color: var(--led-blue); animation: spin-ring 1s linear infinite; } +.led-ring.printing { border-color: var(--led-purple); box-shadow: 0 0 20px rgba(168,85,247,0.5); color: var(--led-purple); animation: spin-ring 1s linear infinite; } .led-ring.error { border-color: var(--error); box-shadow: 0 0 20px rgba(239,68,68,0.6); color: var(--error); animation: blink 0.3s infinite; } .led-ring.disabled { border-color: #4a0000; box-shadow: 0 0 10px rgba(100,0,0,0.3); color: #800000; } .led-ring.off { border-color: var(--border); }