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) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-08-01 23:19:18 +02:00
Ursprung 0154c0f575
Commit de3cb7223f

Datei anzeigen

@@ -2221,7 +2221,7 @@ body.first-refresh-blocking .header {
.progress-popup-body { padding: 16px 20px; } .progress-popup-body { padding: 16px 20px; }
.progress-popup-pass { .progress-popup-pass {
font-size: 11px; font-size: 11px;
color: var(--accent-primary); color: var(--accent);
font-weight: 600; font-weight: 600;
letter-spacing: 0.3px; letter-spacing: 0.3px;
margin-bottom: 12px; margin-bottom: 12px;
@@ -2448,14 +2448,18 @@ body.first-refresh-blocking .header {
} }
#btn-enhance-description { #btn-enhance-description {
color: var(--accent-primary); color: var(--accent);
border-color: var(--accent-primary); border-color: var(--accent);
font-weight: 600; 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) { #btn-enhance-description:hover:not(:disabled) {
background: var(--accent-primary); background: var(--accent);
color: #fff; color: #FFFFFF;
} }
.textarea--loading { .textarea--loading {
@@ -2468,7 +2472,7 @@ body.first-refresh-blocking .header {
width: 14px; width: 14px;
height: 14px; height: 14px;
border: 2px solid var(--border); border: 2px solid var(--border);
border-top-color: var(--accent-primary); border-top-color: var(--accent);
border-radius: 50%; border-radius: 50%;
animation: spin-inline 0.8s linear infinite; animation: spin-inline 0.8s linear infinite;
} }