From 84fcd1c1b5e64ef7c88e1d97cacf9ca3cb5d236b Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Sun, 5 Jun 2022 14:40:39 +0200
Subject: [PATCH] Add custom bg and border classes

---
 BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml | 2 +-
 BTCPayServer/wwwroot/main/bootstrap/bootstrap.css     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
index eb579e789..252e875e0 100644
--- a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
+++ b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
@@ -127,7 +127,7 @@
                     @state.Key.GetStateString() 
                     @if (state.Value > 0)
                     {
-                        <span class="badge rounded-pill fw-semibold ms-1 bg-tile">@state.Value</span>
+                        <span class="badge rounded-pill fw-semibold ms-1 bg-medium">@state.Value</span>
                     }
                 </a>
             }
diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
index 40d251c62..e720273aa 100644
--- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
+++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
@@ -10922,6 +10922,15 @@ input[type="number"].hide-number-spin {
   -moz-appearance: textfield;
 }
 
+/* custom bg and border classes */
+.bg-medium {
+  background-color: var(--btcpay-body-bg-medium);
+}
+
+.border-medium {
+  border-color: var(--btcpay-body-border-medium);
+}
+
 /* set color for text on background */
 .bg-primary {
   color: var(--btcpay-primary-text);