From 59b8adc2d827428682eb81a9e1c3bc69d5679e46 Mon Sep 17 00:00:00 2001 From: AJ Isaacs Date: Thu, 26 Feb 2026 18:40:30 -0500 Subject: [PATCH] Improve: Restyle UI with modern fintech light theme Replace the generic Bootstrap dark theme with a polished light theme featuring an indigo primary color, refined cards with subtle shadows, uppercase table headers, and updated chart palettes. Pure CSS restyle with no layout or functionality changes. Co-Authored-By: Claude Opus 4.6 --- MoneyMap/Pages/Index.cshtml | 16 +- MoneyMap/Pages/Shared/_Layout.cshtml | 6 +- MoneyMap/Pages/Transactions.cshtml | 4 +- MoneyMap/wwwroot/css/site.css | 421 +++++++++++++++++++++++++-- 4 files changed, 410 insertions(+), 37 deletions(-) diff --git a/MoneyMap/Pages/Index.cshtml b/MoneyMap/Pages/Index.cshtml index 15c4995..1234aaa 100644 --- a/MoneyMap/Pages/Index.cshtml +++ b/MoneyMap/Pages/Index.cshtml @@ -320,11 +320,11 @@ labels: topLabels, datasets: [{ data: topValues, - backgroundColor: ['#4e79a7','#f28e2c','#e15759','#76b7b2','#59a14f','#edc948','#b07aa1','#ff9da7'] + backgroundColor: ['#6366f1','#f59e0b','#ef4444','#10b981','#06b6d4','#8b5cf6','#f97316','#ec4899'] }] }, options: { - plugins: { legend: { position: 'bottom', labels: { color: '#adb5bd' } } }, + plugins: { legend: { position: 'bottom', labels: { color: '#64748b', font: { size: 12 } } } }, maintainAspectRatio: false } }); @@ -339,8 +339,8 @@ datasets: [{ label: 'Net Cash Flow', data: trendBalance, - borderColor: '#6ea8fe', - backgroundColor: 'rgba(110,168,254,0.15)', + borderColor: '#6366f1', + backgroundColor: 'rgba(99,102,241,0.10)', fill: true, tension: 0.3, pointRadius: 0, @@ -351,14 +351,14 @@ scales: { y: { ticks: { - color: '#adb5bd', + color: '#64748b', callback: function(value) { return '$' + value.toLocaleString(); } }, - grid: { color: 'rgba(255,255,255,0.1)' } + grid: { color: 'rgba(0,0,0,0.06)' } }, x: { - ticks: { color: '#adb5bd', maxTicksLimit: 10 }, - grid: { color: 'rgba(255,255,255,0.05)' } + ticks: { color: '#64748b', maxTicksLimit: 10 }, + grid: { color: 'rgba(0,0,0,0.03)' } } }, plugins: { diff --git a/MoneyMap/Pages/Shared/_Layout.cshtml b/MoneyMap/Pages/Shared/_Layout.cshtml index aba370c..dad1da3 100644 --- a/MoneyMap/Pages/Shared/_Layout.cshtml +++ b/MoneyMap/Pages/Shared/_Layout.cshtml @@ -1,5 +1,5 @@  - + @@ -10,7 +10,7 @@
-