feat(ui): dark navy sidebar + restrained kanban status colors #23
Reference in New Issue
Block a user
Delete Branch "feature/ui-rework-sidebar-kanban"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
First pass of the frontend-design overhaul matching the mockups. Dark navy AppShell sidebar, gradient checkmark logo mark, restrained kanban status coloring (dot + left-border accent instead of full-tint). Remaining follow-up: Dashboard KPI cards + job workspace.
First pass of the /frontend-design overhaul against the mockups at F:\Pictures\website\jobtracker\new. Two highest-leverage gaps from the backlog note ("dark sidebar, KPI cards, exact status colours"): - AppShell: nav rail is now a fixed dark navy (#0f172a) regardless of the app's light/dark theme toggle, matching the mockup's signature look -- selected item gets an indigo-tinted pill + icon accent, muted slate text for the rest. Kept icon+label rows (mockup's sidebar is text-only) since the existing collapsed-sidebar mode depends on icons; that's a deliberate deviation, not an oversight. - JobbjaktMark: replaced the briefcase glyph with the gradient checkmark-in-square mark used throughout the mockups (hero, dashboard, kanban) -- also fixed a latent SVG gradient id collision across multiple rendered instances via useId(). - KanbanBoard: mockup uses color sparingly (a small dot in the column header, a 4px accent on the card's left edge) rather than tinting the whole column/card background as the previous version did. Reworked to match; also swapped card title/subtitle order (job title bold, company/location as subtitle) per the mockup. Remaining for follow-up passes: Dashboard KPI card layout and the job workspace (candidate-fit ring, AI summary card) -- both structurally close already but not yet pixel-matched. Verified: `next build` clean, all 57 frontend tests green, dark sidebar confirmed live (computed bg #0f172a) against a running dev server with light content mode forced.