style: schlicheres Design (flach statt Schatten, kleinerer Radius)
CI / backend-tests (push) Failing after 1m52s
CI / frontend-build (push) Successful in 18s

Nutzer-Vorgabe: Design in Richtung OpenFleet (schlicht) - Schatten auf none
gesetzt, Radius 12px->8px, ruhigere Palette. Da Schatten/Radius komplett über
CSS-Variablen liefen, genügt die Token-Änderung, kein Component-Code
angefasst.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KC8HYvv6UkCVYheYiTw9DD
This commit is contained in:
2026-09-05 15:09:05 +02:00
co-authored by Claude Sonnet 5
parent 985e80b59d
commit 024576cdc1
2 changed files with 33 additions and 18 deletions
+17 -18
View File
@@ -1,20 +1,19 @@
:root {
/* Redesign 2026-09-05: kräftigeres Marken-Blau, wärmere Neutraltöne,
größerer Radius/weichere Schatten für ein moderneres, weniger
"Bootstrap-generisches" Erscheinungsbild. Alle bestehenden Klassennamen
bleiben unverändert (jede Seite nutzt sie direkt) - nur die Werte
dahinter wurden überarbeitet. Mobile/responsive Feinschliff folgt in
einem eigenen Durchgang, hier zunächst Desktop-Optik. */
--color-bg: #f1f3f6;
/* Redesign 2026-09-05, zweiter Durchgang: bewusst schlichter/flacher
(Nutzer-Vorgabe "schlichtes Webdesign wie OpenFleet") - Schatten fast
weg, Radius kleiner, kein Hover-Glow mehr, Farben ruhiger. Alle
bestehenden Klassennamen bleiben unverändert. Mobile-Anpassungen aus
dem vorigen Durchgang bleiben bestehen. */
--color-bg: #f4f5f7;
--color-surface: #ffffff;
--color-surface-sunken: #f8f9fb;
--color-border: #dde1e7;
--color-border-strong: #c7ccd4;
--color-text: #161b22;
--color-text-muted: #5b6472;
--color-surface-sunken: #f8f9fa;
--color-border: #e1e4e8;
--color-border-strong: #c9ced4;
--color-text: #1c2126;
--color-text-muted: #64707a;
--color-primary: #0a4d8c;
--color-primary-hover: #073a6b;
--color-primary-soft: #e8f0fa;
--color-primary-soft: #eaf1fa;
--color-danger: #b3261e;
--color-danger-bg: #fbeaea;
--color-warning: #9a6700;
@@ -22,11 +21,11 @@
--color-success: #1e7a34;
--color-success-bg: #e7f5ea;
--color-muted-bg: #eef0f3;
--radius: 12px;
--radius-sm: 8px;
--shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
--shadow: 0 2px 4px rgba(16, 24, 40, 0.06), 0 8px 20px rgba(16, 24, 40, 0.06);
--shadow-hover: 0 4px 10px rgba(16, 24, 40, 0.09), 0 12px 28px rgba(16, 24, 40, 0.09);
--radius: 8px;
--radius-sm: 6px;
--shadow-sm: none;
--shadow: none;
--shadow-hover: none;
--font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}