From f94fb4f65e7dce2d0efc8e5894ff0fa4b343309c Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Thu, 1 Oct 2020 20:56:00 +0200
Subject: [PATCH] Payment UI: Light background for progress bar

---
 BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml | 2 +-
 BTCPayServer/Views/PullPayment/ViewPullPayment.cshtml       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
index 4dd7eb7fd..160137ac6 100644
--- a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
+++ b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
@@ -191,7 +191,7 @@
                                     <dt class="h4 font-weight-normal text-nowrap text-primary order-2 order-sm-1 mb-0" v-text="srvModel.amountDueFormatted">@Model.AmountDueFormatted</dt>
                                     <dd class="text-muted order-1 order-sm-2 mb-1">Amount due</dd>
                                 </div>
-                                <div class="progress d-none d-sm-flex mb-sm-4 d-print-none" style="height:5px">
+                                <div class="progress bg-light d-none d-sm-flex mb-sm-4 d-print-none" style="height:5px">
                                   <div class="progress-bar bg-primary" role="progressbar" style="width:@((Model.AmountCollected/Model.Amount)*100)%" v-bind:style="{ width: (srvModel.amountCollected/srvModel.amount*100) + '%' }"></div>
                                 </div>
                                 <div class="d-flex flex-column mb-4 d-sm-inline-flex mb-sm-0">
diff --git a/BTCPayServer/Views/PullPayment/ViewPullPayment.cshtml b/BTCPayServer/Views/PullPayment/ViewPullPayment.cshtml
index 8b63705e9..d9d6bd8bc 100644
--- a/BTCPayServer/Views/PullPayment/ViewPullPayment.cshtml
+++ b/BTCPayServer/Views/PullPayment/ViewPullPayment.cshtml
@@ -103,7 +103,7 @@
                                     <dt class="h4 font-weight-normal text-nowrap text-primary order-2 order-sm-1 mb-0">@Model.AmountDueFormatted</dt>
                                     <dd class="text-muted order-1 order-sm-2 mb-1">Available claim</dd>
                                 </div>
-                                <div class="progress d-none d-sm-flex mb-sm-4 d-print-none" style="height:5px">
+                                <div class="progress bg-light d-none d-sm-flex mb-sm-4 d-print-none" style="height:5px">
                                     <div class="progress-bar bg-primary" role="progressbar" style="width:@((Model.AmountCollected / Model.Amount) * 100)%"></div>
                                 </div>
                                 <div class="d-flex flex-column mb-4 d-sm-inline-flex mb-sm-0">