style: schlicheres Design (flach statt Schatten, kleinerer Radius)
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:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user