GUI: Scrollbalken im Akzent-Kupfer (scrollbar-color + webkit)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0113vDKdSNtD3Dwcw4QMu9yV

app/web/src/style.css

@@ -46,6 +46,17 @@
 }
 
 * { box-sizing: border-box; }
+
+/* Scrollbalken im Logo-Kupfer (Firefox: scrollbar-color; Chromium/WebKit: ::-webkit-*) */
+* { scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
+::-webkit-scrollbar { width: 10px; height: 10px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb {
+  background: var(--accent); border-radius: 5px;
+  border: 2px solid transparent; background-clip: padding-box;
+}
+::-webkit-scrollbar-thumb:hover { background: var(--accent); filter: brightness(1.15); }
+::-webkit-scrollbar-corner { background: transparent; }
 html { color-scheme: dark; }
 :root[data-theme="light"] { color-scheme: light; }
 body {

docs/08-changelog.md

@@ -3,6 +3,12 @@
 Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
 Was, Warum, betroffene Dateien/Backups).
 
+## 2026-07-17 — GUI: Scrollbalken im Logo-Kupfer
+
+Alle Scrollbalken (Liste, Transkript-Panel, Sprechblase, Seite) jetzt im Akzent-Kupfer:
+Firefox via scrollbar-color, Chromium/WebKit via ::-webkit-scrollbar-* (10 px, runder Daumen,
+transparente Schiene). Bundle `index-U7lT-ig5.js`.
+
 ## 2026-07-17 — GUI: Listenbreite per Splitter ziehbar
 
 Zwischen Liste und Detail sitzt jetzt ein 6-px-Splitter (Hover/Ziehen = Kupfer-Schimmer,