feat(ui): ink & copper ledger retheme + analytics redesign
ci / lint-test (push) Successful in 43s

App-wide retheme done at the token layer: Tailwind's zinc scale is remapped
to warm ink/paper neutrals and indigo to copper in globals.css, so every
page inherits the palette. Fraunces (serif display) added for page titles
and hero figures; all figures now render in mono with tabular numerals.

Analytics page redesigned around a month spine — twelve clickable columns
scaled to each month's spend that act as hero, context, and period
navigation. Adds a 'What changed' top-movers panel vs the previous month,
replaces the 8-line category trend chart with per-category sparkline small
multiples, heat-tints the six-month ledger table, and restyles the Pareto,
pace chart, and cashflow strip. Kept: Pareto, cumulative-vs-typical pace,
drill-downs, regular/occasional split.

Insights and Merchants restyled to the same kit; chart tokens centralised
in category-colors.ts (CHART). Cleared the pre-existing lint errors in
insights (typed tooltip, removed any-casts).
This commit is contained in:
2026-07-19 20:37:49 +10:00
parent 99af10f9ea
commit 831d30669b
14 changed files with 426 additions and 293 deletions
+2 -2
View File
@@ -94,7 +94,7 @@ export default function ReconcilePage() {
if (pending.length === 0) {
return (
<div className="p-6">
<h2 className="text-xl font-semibold mb-2">Reconcile</h2>
<h2 className="text-2xl font-display mb-2">Reconcile</h2>
<p className="text-zinc-500 text-sm">No unreconciled manual transactions. Import a CSV to get started.</p>
</div>
);
@@ -104,7 +104,7 @@ export default function ReconcilePage() {
<div className="p-6 space-y-4">
<div className="flex items-center justify-between">
<div>
<h2 className="text-xl font-semibold">Reconcile</h2>
<h2 className="text-2xl font-display">Reconcile</h2>
<p className="text-xs text-zinc-500 mt-0.5">
{pending.length} manual transaction{pending.length !== 1 ? "s" : ""} ·{" "}
{withMatches.length} with potential matches