v0.6.0 — Full UI Redesign
What's new in v0.6.0
Full Visual Redesign
A complete dark-mode-first UI overhaul across all 8 screens. No backend logic, hooks, schemas, or types were changed — pure visual layer update.
Design system
- Color scale: zinc-900/zinc-50 surfaces with indigo-400 (#818cf8) as the primary accent
- Page entry: animate-fade-up on every route
- Typography: 10px uppercased labels, 20px bold page titles, 12px body text
- Cards: unified SettingsCard / SectionCard pattern with 26px indigo icon boxes
Screen-by-screen changes
| Screen | Change |
|---|---|
| Layout | Collapsible 56px/200px sidebar, active-route indigo pill, zinc-900 dark nav |
| Dashboard | Stat cards with colored icon boxes, recent invoices mini-table |
| InvoiceList | Compact table rows, amber/indigo status pills, search + filter bar |
| InvoiceNew | Two-panel: sticky header + 168px TOC rail + scrollable form with scroll-spy |
| InvoiceDetail | #c0c0c0 desk preview wrap, monospace invoice number h1, sm action buttons |
| InvoicePreview | Inline styles matching A4 PDF palette (hex colors, 1.5px borders) |
| PurchaseOrderList | Compact table, emerald/amber/zinc status badges |
| Settings | 6 SettingsCards, Save button in page header, dashed logo placeholder |
| LoginScreen | Letter-avatar user card grid replaces dropdown; auto-submit after 6 PIN digits |