From a3ca358e9ac4cc7648a54f9685b28d95df8d42a4 Mon Sep 17 00:00:00 2001
From: AJ Isaacs <ajisaacs27@gmail.com>
Date: Wed, 10 Dec 2025 22:59:00 -0500
Subject: [PATCH] UI: Use dark text on yellow budget progress bars
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Improves readability of percentage text when progress bar
is in warning state (80-99% of budget used).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 MoneyMap/Pages/Budgets.cshtml | 3 ++-
 MoneyMap/Pages/Index.cshtml   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/MoneyMap/Pages/Budgets.cshtml b/MoneyMap/Pages/Budgets.cshtml
index 0d4da38..f5cc819 100644
--- a/MoneyMap/Pages/Budgets.cshtml
+++ b/MoneyMap/Pages/Budgets.cshtml
@@ -91,8 +91,9 @@
                                             @{
                                                 var percent = Math.Min(status.PercentUsed, 100);
                                                 var progressClass = status.StatusClass;
+                                                var textClass = progressClass == "warning" ? "text-dark" : "";
                                             }
-                                            <div class="progress-bar bg-@progressClass" role="progressbar"
+                                            <div class="progress-bar bg-@progressClass @textClass" role="progressbar"
                                                  style="width: @percent%"
                                                  aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100">
                                                 @status.PercentUsed.ToString("F0")%
diff --git a/MoneyMap/Pages/Index.cshtml b/MoneyMap/Pages/Index.cshtml
index fada101..b000c17 100644
--- a/MoneyMap/Pages/Index.cshtml
+++ b/MoneyMap/Pages/Index.cshtml
@@ -126,8 +126,9 @@
                                         @{
                                             var percent = Math.Min(status.PercentUsed, 100);
                                             var progressClass = status.StatusClass;
+                                            var textClass = progressClass == "warning" ? "text-dark" : "";
                                         }
-                                        <div class="progress-bar bg-@progressClass" role="progressbar"
+                                        <div class="progress-bar bg-@progressClass @textClass" role="progressbar"
                                              style="width: @percent%"
                                              aria-valuenow="@status.PercentUsed" aria-valuemin="0" aria-valuemax="100">
                                             @status.PercentUsed.ToString("F0")%