forked from molecule-ai/molecule-core
90b561add0
Three small UIUX fixes for the workspace terminal status bar. 1. Status dots were hardcoded bg-green-500 / bg-yellow-500 / bg-red-500 / bg-zinc-500 — semantic-token misses. Switched to bg-good / bg-warm / bg-bad / bg-ink-soft so the colors flip with the canvas-wide ramp instead of pinning Tailwind raw values. 2. Reconnect button used hardcoded text-blue-400 / hover:text-blue-300 with no focus ring. Switched to text-accent / hover:text-accent-strong for theme parity, and added focus-visible:ring-accent/60 so keyboard users see where focus lands on a recovery action. 3. Error banner used text-red-400 — switched to text-bad to match the semantic ramp. Status-bar bg/border kept as zinc (terminal body stays dark unconditionally per the Canvas v4 design rule); only the chrome's foreground tokens needed semanticisation. 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 | ||