From 1ad77b4366f11e6dbf0ecb5e0f0b7578ef12ac66 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Mon, 13 Apr 2026 20:54:02 +0200
Subject: [PATCH] =?UTF-8?q?UX:=20Modal-Scrollbar=20im=20Prim=C3=A4rfarben-?=
 =?UTF-8?q?Stil=20(wie=20Sidebar)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/css/components.css | 27 ++++++++++++++++++---------
 backend/static/sw.js              |  2 +-
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/backend/static/css/components.css b/backend/static/css/components.css
index 9a81914..3aa67ce 100644
--- a/backend/static/css/components.css
+++ b/backend/static/css/components.css
@@ -460,16 +460,25 @@ textarea.form-control {
 }
 
 .modal {
-  background:    var(--c-surface);
-  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
-  border:        2px solid var(--c-primary);
-  width:         100%;
-  max-width:     480px;
-  max-height:    90vh;
-  overflow-y:    auto;
-  box-shadow:    var(--shadow-xl);
-  animation:     modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
+  background:      var(--c-surface);
+  border-radius:   var(--radius-xl) var(--radius-xl) 0 0;
+  border:          2px solid var(--c-primary);
+  width:           100%;
+  max-width:       480px;
+  max-height:      90vh;
+  overflow-y:      auto;
+  box-shadow:      var(--shadow-xl);
+  animation:       modal-in var(--transition-slow) cubic-bezier(0.34, 1.56, 0.64, 1);
+  scrollbar-width: thin;
+  scrollbar-color: var(--c-primary) var(--c-surface);
 }
+.modal::-webkit-scrollbar       { width: 6px; }
+.modal::-webkit-scrollbar-track { background: var(--c-surface); }
+.modal::-webkit-scrollbar-thumb {
+  background:    var(--c-primary);
+  border-radius: var(--radius-full);
+}
+.modal::-webkit-scrollbar-thumb:hover { background: var(--c-primary-dark); }
 @media (min-width: 768px) {
   .modal {
     border-radius: var(--radius-xl);
diff --git a/backend/static/sw.js b/backend/static/sw.js
index cc5fa3a..66f2879 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications
    ============================================================ */
 
-const CACHE_VERSION = 'by-v16';
+const CACHE_VERSION = 'by-v17';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 
 // Diese Dateien werden beim Install gecacht (App Shell)