FDS2610/Finanzmanager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix n.n.: Darkmode-Farben nach Mockup angepasst

Browse source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
fds2610-bot 2026-10-01 08:42:28 +02:00
parent e3df021849
commit 0c1983cb1f
2 changed files with 28 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Changes.md
View file

@ -1,5 +1,9 @@
# Änderungen # Ä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) ## 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`). - 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`).

45
public/static/app.css
View file

@ -25,6 +25,7 @@
--navi-text-aktiv: #ffffff; --navi-text-aktiv: #ffffff;
--navi-aktiv: #1f6feb; --navi-aktiv: #1f6feb;
--navi-marke: #6ea8fe; --navi-marke: #6ea8fe;
--navi-balken: #ffffff;
--positiv: #1a7f4b; --positiv: #1a7f4b;
--negativ: #c0392b; --negativ: #c0392b;
--warnung: #9a6700; --warnung: #9a6700;
@ -37,20 +38,21 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root:not([data-thema="hell"]) { :root:not([data-thema="hell"]) {
--grund: #161b22; --grund: #0d1624;
--flaeche: #1c2330; --flaeche: #121c2e;
--flaeche-gedaempft: #232b39; --flaeche-gedaempft: #17233a;
--rand: #303a49; --rand: #1f2b3f;
--rand-kraeftig: #44506180; --rand-kraeftig: #2c3a52;
--text: #e5eaf1; --text: #e5eaf1;
--text-gedaempft: #9aa7b6; --text-gedaempft: #9aa7b6;
--akzent: #4d8ef7; --akzent: #3e87fd;
--akzent-text: #0d1117; --akzent-text: #0d1117;
--akzent-schwach: #1d2b45; --akzent-schwach: #172a4a;
--navi-grund: #10151c; --navi-grund: #0a111e;
--navi-text: #9aa7b6; --navi-text: #9fb0c8;
--navi-text-aktiv: #ffffff; --navi-text-aktiv: #ffffff;
--navi-aktiv: #2f6fd0; --navi-aktiv: #1f6feb;
--navi-balken: #ffffff;
--positiv: #46b877; --positiv: #46b877;
--negativ: #f0705f; --negativ: #f0705f;
--warnung: #d9a441; --warnung: #d9a441;
@ -59,20 +61,21 @@
} }
:root[data-thema="dunkel"] { :root[data-thema="dunkel"] {
--grund: #161b22; --grund: #0d1624;
--flaeche: #1c2330; --flaeche: #121c2e;
--flaeche-gedaempft: #232b39; --flaeche-gedaempft: #17233a;
--rand: #303a49; --rand: #1f2b3f;
--rand-kraeftig: #445061; --rand-kraeftig: #2c3a52;
--text: #e5eaf1; --text: #e5eaf1;
--text-gedaempft: #9aa7b6; --text-gedaempft: #9aa7b6;
--akzent: #4d8ef7; --akzent: #3e87fd;
--akzent-text: #0d1117; --akzent-text: #0d1117;
--akzent-schwach: #1d2b45; --akzent-schwach: #172a4a;
--navi-grund: #10151c; --navi-grund: #0a111e;
--navi-text: #9aa7b6; --navi-text: #9fb0c8;
--navi-text-aktiv: #ffffff; --navi-text-aktiv: #ffffff;
--navi-aktiv: #2f6fd0; --navi-aktiv: #1f6feb;
--navi-balken: #ffffff;
--positiv: #46b877; --positiv: #46b877;
--negativ: #f0705f; --negativ: #f0705f;
--warnung: #d9a441; --warnung: #d9a441;
@ -177,7 +180,7 @@ code {
.seitenleiste a.aktiv { .seitenleiste a.aktiv {
background: var(--navi-aktiv); background: var(--navi-aktiv);
border-left-color: #fff; border-left-color: var(--navi-balken);
color: var(--navi-text-aktiv); color: var(--navi-text-aktiv);
font-weight: 500; font-weight: 500;
} }