From aef50dda64379b21860f48e71560b48fb0250741 Mon Sep 17 00:00:00 2001 From: schakal00783 Date: Fri, 17 Jul 2026 02:04:08 +0200 Subject: [PATCH] GUI: Scrollbalken im Akzent-Kupfer (scrollbar-color + webkit) Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_0113vDKdSNtD3Dwcw4QMu9yV --- app/web/src/style.css | 11 +++++++++++ docs/08-changelog.md | 6 ++++++ 2 files changed, 17 insertions(+) diff --git a/app/web/src/style.css b/app/web/src/style.css index bbfe8cc..a5d6930 100644 --- a/app/web/src/style.css +++ b/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 { diff --git a/docs/08-changelog.md b/docs/08-changelog.md index aab5216..e5a3172 100644 --- a/docs/08-changelog.md +++ b/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,