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 @@
-