From e3df02184930391220bd099b4a0d5c5e55009b74 Mon Sep 17 00:00:00 2001 From: fds2610-bot Date: Thu, 1 Oct 2026 08:28:51 +0200 Subject: [PATCH 1/3] Fix n.n.: Favicon in hellem und dunklem Modus gut sichtbar Co-Authored-By: Claude Sonnet 5.5 --- Changes.md | 4 ++++ src/Views/layout/kopf.php | 2 +- src/Views/layout/schlicht.php | 2 +- 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/Changes.md b/Changes.md index 1522420..cfe1fc0 100644 --- a/Changes.md +++ b/Changes.md @@ -1,5 +1,9 @@ # Änderungen +## Favicon in hellem und dunklem Modus (01.10.2026) + +- Das Favicon war ein schwarzes „€“ ohne Hintergrund und im Darkmode kaum zu erkennen. Jetzt weißes „€“ auf blauer Kachel – in beiden Modi gut sichtbar (`kopf.php`, `schlicht.php`). + ## Offener Vorgang für fehlgeschlagene Bargeld-Tool-Prüfungen (30.09.2026) - Die Kachel „Offene Vorgänge“ im Cockpit zählt jetzt auch Buchungen, deren letzter Abgleich diff --git a/src/Views/layout/kopf.php b/src/Views/layout/kopf.php index 64480bd..fe83ab2 100644 --- a/src/Views/layout/kopf.php +++ b/src/Views/layout/kopf.php @@ -51,7 +51,7 @@ $istAktiv = static function (string $pfad, array $auch = []) use ($aktuellerPfad - + diff --git a/src/Views/layout/schlicht.php b/src/Views/layout/schlicht.php index 81e434c..8591f8f 100644 --- a/src/Views/layout/schlicht.php +++ b/src/Views/layout/schlicht.php @@ -17,7 +17,7 @@ use Finanzmanager\View; <?= View::h($titel) ?> – Finanzmanager - + From 0c1983cb1f6f4adcb6c6914386e7e23351d4dd45 Mon Sep 17 00:00:00 2001 From: fds2610-bot Date: Thu, 1 Oct 2026 08:42:28 +0200 Subject: [PATCH 2/3] Fix n.n.: Darkmode-Farben nach Mockup angepasst Co-Authored-By: Claude Sonnet 5.5 --- Changes.md | 4 ++++ public/static/app.css | 45 +++++++++++++++++++++++-------------------- 2 files changed, 28 insertions(+), 21 deletions(-) diff --git a/Changes.md b/Changes.md index cfe1fc0..7d6f867 100644 --- a/Changes.md +++ b/Changes.md @@ -1,5 +1,9 @@ # Änderungen +## Darkmode-Farben nach Mockup (01.10.2026) + +- Dunkle Palette bläulicher (Navy) statt grau-blau, Seitenleiste, Flächen, Ränder und Akzent angepasst. Der aktive Menüeintrag ist wie im hellen Modus blau hinterlegt (`--navi-aktiv`), der Balken links bleibt weiß (neue Variable `--navi-balken`). Nur Farben, nur im Darkmode (`app.css`). + ## Favicon in hellem und dunklem Modus (01.10.2026) - Das Favicon war ein schwarzes „€“ ohne Hintergrund und im Darkmode kaum zu erkennen. Jetzt weißes „€“ auf blauer Kachel – in beiden Modi gut sichtbar (`kopf.php`, `schlicht.php`). diff --git a/public/static/app.css b/public/static/app.css index 0b755f7..18d0f4e 100644 --- a/public/static/app.css +++ b/public/static/app.css @@ -25,6 +25,7 @@ --navi-text-aktiv: #ffffff; --navi-aktiv: #1f6feb; --navi-marke: #6ea8fe; + --navi-balken: #ffffff; --positiv: #1a7f4b; --negativ: #c0392b; --warnung: #9a6700; @@ -37,20 +38,21 @@ @media (prefers-color-scheme: dark) { :root:not([data-thema="hell"]) { - --grund: #161b22; - --flaeche: #1c2330; - --flaeche-gedaempft: #232b39; - --rand: #303a49; - --rand-kraeftig: #44506180; + --grund: #0d1624; + --flaeche: #121c2e; + --flaeche-gedaempft: #17233a; + --rand: #1f2b3f; + --rand-kraeftig: #2c3a52; --text: #e5eaf1; --text-gedaempft: #9aa7b6; - --akzent: #4d8ef7; + --akzent: #3e87fd; --akzent-text: #0d1117; - --akzent-schwach: #1d2b45; - --navi-grund: #10151c; - --navi-text: #9aa7b6; + --akzent-schwach: #172a4a; + --navi-grund: #0a111e; + --navi-text: #9fb0c8; --navi-text-aktiv: #ffffff; - --navi-aktiv: #2f6fd0; + --navi-aktiv: #1f6feb; + --navi-balken: #ffffff; --positiv: #46b877; --negativ: #f0705f; --warnung: #d9a441; @@ -59,20 +61,21 @@ } :root[data-thema="dunkel"] { - --grund: #161b22; - --flaeche: #1c2330; - --flaeche-gedaempft: #232b39; - --rand: #303a49; - --rand-kraeftig: #445061; + --grund: #0d1624; + --flaeche: #121c2e; + --flaeche-gedaempft: #17233a; + --rand: #1f2b3f; + --rand-kraeftig: #2c3a52; --text: #e5eaf1; --text-gedaempft: #9aa7b6; - --akzent: #4d8ef7; + --akzent: #3e87fd; --akzent-text: #0d1117; - --akzent-schwach: #1d2b45; - --navi-grund: #10151c; - --navi-text: #9aa7b6; + --akzent-schwach: #172a4a; + --navi-grund: #0a111e; + --navi-text: #9fb0c8; --navi-text-aktiv: #ffffff; - --navi-aktiv: #2f6fd0; + --navi-aktiv: #1f6feb; + --navi-balken: #ffffff; --positiv: #46b877; --negativ: #f0705f; --warnung: #d9a441; @@ -177,7 +180,7 @@ code { .seitenleiste a.aktiv { background: var(--navi-aktiv); - border-left-color: #fff; + border-left-color: var(--navi-balken); color: var(--navi-text-aktiv); font-weight: 500; } From 834cd13160ce55f1556149a0c3b153cfd99c4a92 Mon Sep 17 00:00:00 2001 From: fds2610-bot Date: Thu, 1 Oct 2026 08:48:50 +0200 Subject: [PATCH 3/3] Fix n.n.: Blaue Schrift im Hell- und Darkmode besser lesbar Co-Authored-By: Claude Sonnet 5.5 --- Changes.md | 1 + public/static/app.css | 19 +++++++++++-------- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/Changes.md b/Changes.md index 7d6f867..d9935aa 100644 --- a/Changes.md +++ b/Changes.md @@ -3,6 +3,7 @@ ## Darkmode-Farben nach Mockup (01.10.2026) - Dunkle Palette bläulicher (Navy) statt grau-blau, Seitenleiste, Flächen, Ränder und Akzent angepasst. Der aktive Menüeintrag ist wie im hellen Modus blau hinterlegt (`--navi-aktiv`), der Balken links bleibt weiß (neue Variable `--navi-balken`). Nur Farben, nur im Darkmode (`app.css`). +- Blaue Schrift (Links, Überschriften, Marken) besser lesbar: im Darkmode heller, im Hellmodus dunkler. Eigene Variable `--akzent-schrift`, Knöpfe und Rahmen bleiben unverändert. ## Favicon in hellem und dunklem Modus (01.10.2026) diff --git a/public/static/app.css b/public/static/app.css index 18d0f4e..f165dc7 100644 --- a/public/static/app.css +++ b/public/static/app.css @@ -20,6 +20,7 @@ --akzent: #1f6feb; --akzent-text: #ffffff; --akzent-schwach: #e5efff; + --akzent-schrift: #1757b8; --navi-grund: #24313f; --navi-text: #cdd7e2; --navi-text-aktiv: #ffffff; @@ -48,6 +49,7 @@ --akzent: #3e87fd; --akzent-text: #0d1117; --akzent-schwach: #172a4a; + --akzent-schrift: #7db1ff; --navi-grund: #0a111e; --navi-text: #9fb0c8; --navi-text-aktiv: #ffffff; @@ -71,6 +73,7 @@ --akzent: #3e87fd; --akzent-text: #0d1117; --akzent-schwach: #172a4a; + --akzent-schrift: #7db1ff; --navi-grund: #0a111e; --navi-text: #9fb0c8; --navi-text-aktiv: #ffffff; @@ -92,7 +95,7 @@ body { -webkit-font-smoothing: antialiased; } -a { color: var(--akzent); text-decoration: none; } +a { color: var(--akzent-schrift); text-decoration: none; } a:hover { text-decoration: underline; } code { @@ -242,7 +245,7 @@ code { margin: 0; font-size: 1.35rem; font-weight: 600; - color: var(--akzent); + color: var(--akzent-schrift); } .werkzeuge { @@ -413,7 +416,7 @@ form.inline { display: inline; margin: 0; } .schrittmarke { display: inline-block; background: var(--akzent-schwach); - color: var(--akzent); + color: var(--akzent-schrift); font-size: .8rem; font-weight: 600; padding: .15rem .5rem; @@ -561,7 +564,7 @@ form.inline { display: inline; margin: 0; } Ebene tiefer): Der Eintrag ist ein Link und sieht auch danach aus – sonst probierte ihn niemand aus. */ a.legendenname { - color: var(--akzent); + color: var(--akzent-schrift); text-decoration: underline dotted; text-underline-offset: 2px; } @@ -675,7 +678,7 @@ a.legendenname:hover { text-decoration: underline; } margin-right: .4rem; border-radius: 999px; background: var(--akzent-schwach); - color: var(--akzent); + color: var(--akzent-schrift); font-family: var(--schrift-zahl); font-size: .8rem; text-align: center; @@ -939,7 +942,7 @@ table.budgetplaner td.budgetzelle { position: relative; } } .zahnrad:hover, -.zahnrad[aria-expanded="true"] { color: var(--akzent); } +.zahnrad[aria-expanded="true"] { color: var(--akzent-schrift); } .zahnradmenue { position: absolute; @@ -1901,7 +1904,7 @@ table.bericht .wertlink { table.bericht .zeilenlink:hover, table.bericht .wertlink:hover { - color: var(--akzent); + color: var(--akzent-schrift); text-decoration: underline; } @@ -2018,7 +2021,7 @@ table.bericht .wertlink:hover { .vorschlagsmarke { background: var(--akzent-schwach); - color: var(--akzent); + color: var(--akzent-schrift); font-size: .75rem; font-weight: 600; padding: .1rem .5rem;