diff --git a/Changes.md b/Changes.md index a25cc33..2f05b8f 100644 --- a/Changes.md +++ b/Changes.md @@ -3,7 +3,7 @@ ## Rahmen, Schatten und Tabs im Design (01.10.2026) - Tabellen (`table.liste`), Kacheln und breite Formulare (`.formular.breit`, u. a. Einstellungen) erhalten in beiden Themen einen 1px breiten hellblauen Rand (`--bereichsrand`) und einen leichten Schatten (`--bereichsschatten`) für mehr Kontrast zwischen den Bereichen. -- Titelleiste und Tab-Leiste: Linie im Stil des Bereichsrands, dazu ein schmaler Schatten nach unten. +- Titelleiste: Linie im Stil des Bereichsrands, dazu ein schmaler Schatten nach unten. Tab-Leiste: ebenso, die Linie ist im dunklen Thema dezenter (`--tablinie`). - Aktiver Tab und rechtsbündiger Tab („Kacheln wählen“, „Regeln“) haben im dunklen Thema einen abgesetzten blauen Rand (`--tabrand`). ## Automatische Buchungsnummer (01.10.2026) diff --git a/public/static/app.css b/public/static/app.css index e744576..e7332bf 100644 --- a/public/static/app.css +++ b/public/static/app.css @@ -35,6 +35,7 @@ --bereichsschatten: 0 0 10px 3px #c3cbd5; --bereichsschatten-farbe: #c3cbd5; --tabrand: var(--rand); + --tablinie: 1px solid #a9c4ea; --radius: 6px; --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; @@ -67,6 +68,7 @@ --bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten-farbe: #243b62; --tabrand: #345a94; + --tablinie: 1px solid #263b5c; } } @@ -95,6 +97,7 @@ --bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten-farbe: #243b62; --tabrand: #345a94; + --tablinie: 1px solid #263b5c; } * { box-sizing: border-box; } @@ -329,7 +332,7 @@ form.inline { display: inline; margin: 0; } .tableiste { display: flex; gap: .25rem; - border-bottom: var(--bereichsrand); + border-bottom: var(--tablinie); box-shadow: 0 3px 4px -3px var(--bereichsschatten-farbe); margin-bottom: 1.25rem; overflow-x: auto;