From 55de85d8290d91cee920f43058780448888a0aa1 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Wed, 6 Nov 2019 08:45:31 +0100
Subject: [PATCH] Casa theme color fixes

---
 .../Views/PaymentRequest/MinimalPaymentRequest.cshtml     | 8 ++++----
 .../Views/PaymentRequest/ViewPaymentRequest.cshtml        | 6 +++---
 BTCPayServer/wwwroot/css/themes/casa.css                  | 5 +++--
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
index f5760fc70..2d51424a3 100644
--- a/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
+++ b/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
@@ -12,19 +12,19 @@
                     <div class="row mb-4">
                         <div class="col-sm-12 col-md-12 col-lg-6 ">
                             <ul class="w-100 list-group list-group-flush">
-                                <li class="list-group-item">
+                                <li class="list-group-item list-group-item-light">
                                     <div class="d-flex justify-content-between">
                                         <span class="h2 text-muted">Request amount:</span>
                                         <span class="h2">@Model.AmountFormatted</span>
                                     </div>
                                 </li>
-                                <li class="list-group-item">
+                                <li class="list-group-item list-group-item-light">
                                     <div class="d-flex justify-content-between">
                                         <span class="h2 text-muted">Paid so far:</span>
                                         <span class="h2">@Model.AmountCollectedFormatted</span>
                                     </div>
                                 </li>
-                                <li class="list-group-item">
+                                <li class="list-group-item list-group-item-light">
                                     <div class="d-flex justify-content-between">
                                         <span class="h2 text-muted">Amount due:</span>
                                         <span class="h2">@Model.AmountDueFormatted</span>
@@ -143,7 +143,7 @@
                                                     {
                                                         <form method="get" asp-action="CancelUnpaidPendingInvoice">
                                                             <button class="btn btn-secondary btn-lg mt-1" type="submit">
-                                                                Cancel current invoice</button>   
+                                                                Cancel current invoice</button>
                                                         </form>
                                                     }
                                                 }
diff --git a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
index 3d8111b88..1d6be811b 100644
--- a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
+++ b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
@@ -68,19 +68,19 @@ else
                         <div class="row mb-4">
                             <div class="col-sm-12 col-md-12 col-lg-6 ">
                                 <ul class="w-100 list-group list-group-flush">
-                                    <li class="list-group-item">
+                                    <li class="list-group-item list-group-item-light">
                                         <div class="d-flex justify-content-between">
                                             <span class="h2 text-muted">Request amount:</span>
                                             <span class="h2">{{srvModel.amountFormatted}}</span>
                                         </div>
                                     </li>
-                                    <li class="list-group-item">
+                                    <li class="list-group-item list-group-item-light">
                                         <div class="d-flex justify-content-between">
                                             <span class="h2 text-muted">Paid so far:</span>
                                             <span class="h2">{{srvModel.amountCollectedFormatted}}</span>
                                         </div>
                                     </li>
-                                    <li class="list-group-item">
+                                    <li class="list-group-item list-group-item-light">
                                         <div class="d-flex justify-content-between">
                                             <span class="h2 text-muted">Amount due:</span>
                                             <span class="h2">{{srvModel.amountDueFormatted}}</span>
diff --git a/BTCPayServer/wwwroot/css/themes/casa.css b/BTCPayServer/wwwroot/css/themes/casa.css
index 4ff32a915..8c98c63af 100644
--- a/BTCPayServer/wwwroot/css/themes/casa.css
+++ b/BTCPayServer/wwwroot/css/themes/casa.css
@@ -26,7 +26,7 @@
   --btcpay-color-secondary-alpha:  rgba(130, 138, 145, 0.25);
   --btcpay-color-success:          #60C8CE;
   --btcpay-color-success-accent:   #147073;
-  --btcpay-color-success-alpha:    rgba(47, 203, 208, 0.25);
+  --btcpay-color-success-alpha:    #8EF7FF;
   --btcpay-color-info:             #17a2b8;
   --btcpay-color-info-accent:      #117a8b;
   --btcpay-color-info-alpha:       rgba(58, 176, 195, 0.25);
@@ -35,7 +35,7 @@
   --btcpay-color-warning-alpha:    rgba(222, 170, 12, 0.25);
   --btcpay-color-danger:           #dc3545;
   --btcpay-color-danger-accent:    #bd2130;
-  --btcpay-color-danger-alpha:     rgba(225, 83, 97, 0.25);
+  --btcpay-color-danger-alpha:     #EDA1B0;
   --btcpay-color-light:            var(--btcpay-color-neutral-100);
   --btcpay-color-light-accent:     #dae0e5;
   --btcpay-color-light-alpha:      rgba(216, 217, 219, 0.25);
@@ -77,6 +77,7 @@ body {
 }
 
 .logo,
+.head-logo,
 .social-logo {
   filter: contrast(0) brightness(200%);
 }