From 01e7d47b4e5c7bf93d62ed39cafc0560183fdc44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20M=C3=BCller?= <ich@eskimue.de>
Date: Fri, 29 May 2026 10:32:39 +0200
Subject: [PATCH] Aktiver Fahrmodus und Eingabe rot hervorgehoben mit sanftem
 Pulse

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 gui/app.css | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/gui/app.css b/gui/app.css
index 898f678..a3713b6 100644
--- a/gui/app.css
+++ b/gui/app.css
@@ -217,10 +217,15 @@ header {
   background: rgba(0,255,145,.07);
 }
 .dbtn.active {
-  border-color: rgba(0,255,145,.7);
-  background: rgba(0,255,145,.1);
-  color: #00ff91;
-  box-shadow: 0 0 20px rgba(0,255,145,.25), inset 0 0 14px rgba(0,255,145,.06);
+  border-color: rgba(220,50,50,.75);
+  background: rgba(200,30,30,.12);
+  color: #ff6060;
+  box-shadow: 0 0 16px rgba(220,50,50,.25), inset 0 0 10px rgba(200,30,30,.07);
+  animation: active-pulse 2.8s ease-in-out infinite;
+}
+@keyframes active-pulse {
+  0%,100% { box-shadow: 0 0 10px rgba(220,50,50,.18), inset 0 0 8px rgba(200,30,30,.05); }
+  50%      { box-shadow: 0 0 22px rgba(220,50,50,.45), inset 0 0 14px rgba(200,30,30,.12); }
 }
 @keyframes mode-flash {
   0%   { box-shadow: 0 0 0px rgba(0,255,145,0),  background-color: var(--pri); }
@@ -544,7 +549,13 @@ body.page-connection-degraded .admin-shell{
   transition: all .15s;
   text-transform: uppercase;
 }
-.mtbtn.active { background: rgba(0,255,145,.1); color: #00ff91; border-color: rgba(0,255,145,.5); box-shadow: 0 0 12px rgba(0,255,145,.2); }
+.mtbtn.active {
+  background: rgba(200,30,30,.12);
+  color: #ff6060;
+  border-color: rgba(220,50,50,.75);
+  box-shadow: 0 0 14px rgba(220,50,50,.25);
+  animation: active-pulse 2.8s ease-in-out infinite;
+}
 
 .drive-inline {
   display: flex;