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
This commit is contained in:
co-authored by
Claude Fable 5
parent
2c9015dd7c
commit
aef50dda64
@@ -46,6 +46,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
* { box-sizing: border-box; }
|
* { 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; }
|
html { color-scheme: dark; }
|
||||||
:root[data-theme="light"] { color-scheme: light; }
|
:root[data-theme="light"] { color-scheme: light; }
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -3,6 +3,12 @@
|
|||||||
Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
|
Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
|
||||||
Was, Warum, betroffene Dateien/Backups).
|
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
|
## 2026-07-17 — GUI: Listenbreite per Splitter ziehbar
|
||||||
|
|
||||||
Zwischen Liste und Detail sitzt jetzt ein 6-px-Splitter (Hover/Ziehen = Kupfer-Schimmer,
|
Zwischen Liste und Detail sitzt jetzt ein 6-px-Splitter (Hover/Ziehen = Kupfer-Schimmer,
|
||||||
|
|||||||
Reference in New Issue
Block a user