From de3cb7223f6900fa12c63a4a82be3a44d7e501bd Mon Sep 17 00:00:00 2001 From: claude-dev Date: Sat, 1 Aug 2026 23:19:18 +0200 Subject: [PATCH] fix(ui): Knopf "Beschreibung generieren" verschwindet im Hellmodus beim Hover Der Knopf griff auf die Variable --accent-primary zu, die es im Stylesheet nicht gibt: fuenf Verwendungen, null Definitionen. Die Akzentfarbe heisst --accent. Wirkung im Hover. `background: var(--accent-primary)` ist damit ungueltig und faellt auf den Anfangswert transparent zurueck, waehrend `color: #fff` gueltig bleibt. Auf der weissen Modalflaeche des Hellmodus stand also weisse Schrift auf weissem Grund, der Knopf war unsichtbar. Im Dunkelmodus fiel es nicht auf, weil die Flaeche dort dunkel ist. Im Ruhezustand war nur die Farbe betroffen: Schrift und Rahmen waren nicht gold, sondern geerbt. Deshalb faellt der Fehler erst beim Hover auf. Alle fuenf Fundstellen sind auf --accent umgestellt, betroffen waren neben dem Knopf auch die Durchlauf-Anzeige im Fortschrittsfenster und der kleine Lade-Ring, die beide ihre Akzentfarbe nicht bekamen. Hinweis zum Kontrast: Weiss auf Gold (#96791A) liegt bei rund 4,1 zu 1 und damit knapp unter der WCAG-AA-Schwelle fuer kleine Schrift. Das ist dieselbe Kombination, die .btn-primary im ganzen Dashboard verwendet, deshalb hier bewusst konsistent gehalten statt einzeln abweichend geloest. Offen: Die Aenderung ist noch nicht in den Lokal-Fork portiert. Co-Authored-By: Claude Opus 5 (1M context) --- src/static/css/style.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/static/css/style.css b/src/static/css/style.css index d2b1413..483b3ef 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -2221,7 +2221,7 @@ body.first-refresh-blocking .header { .progress-popup-body { padding: 16px 20px; } .progress-popup-pass { font-size: 11px; - color: var(--accent-primary); + color: var(--accent); font-weight: 600; letter-spacing: 0.3px; margin-bottom: 12px; @@ -2448,14 +2448,18 @@ body.first-refresh-blocking .header { } #btn-enhance-description { - color: var(--accent-primary); - border-color: var(--accent-primary); + color: var(--accent); + border-color: var(--accent); font-weight: 600; } +/* Hover: Gold-Flaeche mit weisser Schrift, gleiche Kombination wie + .btn-primary. Vorher stand hier die nirgends definierte Variable + --accent-primary: der Hintergrund fiel damit auf transparent zurueck, + die Schrift blieb weiss, und der Knopf war im Hellmodus unsichtbar. */ #btn-enhance-description:hover:not(:disabled) { - background: var(--accent-primary); - color: #fff; + background: var(--accent); + color: #FFFFFF; } .textarea--loading { @@ -2468,7 +2472,7 @@ body.first-refresh-blocking .header { width: 14px; height: 14px; border: 2px solid var(--border); - border-top-color: var(--accent-primary); + border-top-color: var(--accent); border-radius: 50%; animation: spin-inline 0.8s linear infinite; }