forked from molecule-ai/molecule-core
Five fixes for the first-time-user wizard. Every new user sees this, so visual bugs here have outsized impact. 1. Action button hovered LIGHTER: bg-accent-strong/90 hover:bg-accent. accent is the LIGHTER variant — hovering to it on white text drops contrast below AA. Flipped the direction: bg-accent hover:bg-accent-strong, matching the same trap fixed in ConfirmDialog and ApprovalBanner. 2. "Next" button hover was a no-op (bg-surface-card on top of itself). Lift to surface-elevated, matching the Cancel pattern in ConfirmDialog. 3. Progress bar gradient was hardcoded from-blue-500 to-sky-400 — neither tone exists in the warm-paper light theme, so the bar lost brand color in light mode. Switched to the accent ramp so it stays brand-tinted in both. 4. Step indicator was hardcoded text-sky-400/80, same theme-flip issue. Switched to text-accent. 5. All three buttons (Skip / Action / Next) had no focus-visible rings. Added the accent ring pattern used across the rest of the canvas. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| e2e | ||
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| components.json | ||
| Dockerfile | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| playwright.config.ts | ||
| playwright.staging.config.ts | ||
| postcss.config.js | ||
| tsconfig.json | ||
| vitest.config.ts | ||