Skip to content

v0.6.0 — Full UI Redesign

Choose a tag to compare

@janayuv janayuv released this 28 May 06:42
· 50 commits to master since this release

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