diff --git a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
index 553999696..490c35f53 100644
--- a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
+++ b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
@@ -49,14 +49,18 @@
                 margin: auto;
             }
 
+            .js-cart-item-count {
+                -moz-appearance:textfield;
+                margin: 0;
+                text-align: right;
+            }
+
             .js-cart-item-count::-webkit-inner-spin-button,
             .js-cart-item-count::-webkit-outer-spin-button {
                 -webkit-appearance: none;
                 -moz-appearance: none;
                 appearance: none;
-                margin: 0;
             }
-
     </style>
     @if (!string.IsNullOrEmpty(Model.EmbeddedCSS))
     {
@@ -70,10 +74,10 @@
         <tr data-id="{id}">
             {image}
             <td class="align-middle pr-0 pl-2"><b>{title}</b></td>
-            <td class="align-middle px-0" align="right">
+            <td class="align-middle px-0">
                 <a class="js-cart-item-remove btn btn-link" href="#"><i class="fa fa-trash text-muted"></i></a>
             </td>
-            <td class="align-middle px-0" align="right">
+            <td class="align-middle px-0">
                 <div class="input-group align-items-center">
                     <div class="input-group-prepend">
                         <a class="js-cart-item-minus btn btn-link px-2" href="#"><i class="fa fa-minus-circle fa-fw text-danger"></i></a>
@@ -86,7 +90,7 @@
                     </div>
                 </div>
             </td>
-            <td class="align-middle" align="right">{price}</td>
+            <td class="align-middle text-right">{price}</td>
         </tr>
     </script>
 
@@ -113,7 +117,7 @@
 <script id="template-cart-extra" type="text/template">
        @if(Model.ShowCustomAmount){
             <tr>
-                <td colspan="5" class="border-0 pb-0">
+                <th colspan="5" class="border-0 pb-0">
                     <div class="input-group">
                         <div class="input-group-prepend">
                             <span class="input-group-text"><i class="fa fa-shopping-cart fa-fw"></i></span>
@@ -123,13 +127,13 @@
                             <a class="js-cart-custom-amount-remove btn btn-danger" href="#"><i class="fa fa-times"></i></a>
                         </div>
                     </div>
-                </td>
+                </th>
             </tr>
         }
         @if (@Model.ShowDiscount)
         {
             <tr>
-                <td colspan="5" class="border-top-0">
+                <th colspan="5" class="border-top-0">
                     <div class="input-group">
                         <div class="input-group-prepend">
                             <span class="input-group-text"><i class="fa fa-percent fa-fw"></i></span>
@@ -139,7 +143,7 @@
                             <a class="js-cart-discount-remove btn btn-danger" href="#"><i class="fa fa-times"></i></a>
                         </div>
                     </div>
-                </td>
+                </th>
             </tr>
         }
     </script>
@@ -148,10 +152,10 @@
         @if (Model.EnableTips)
         {
             <tr class="h5">
-                <td colspan="5" class="border-top-0 pt-4">@Model.CustomTipText</td>
+                <th colspan="5" class="border-top-0 pt-4">@Model.CustomTipText</th>
             </tr>
             <tr>
-                <td colspan="5" class="border-0">
+                <th colspan="5" class="border-0">
                     <div class="input-group mb-2">
                         <div class="input-group-prepend">
                             <span class="input-group-text"><i class="fa fa-money fa-fw"></i></span>
@@ -174,16 +178,16 @@
                         }
 
                     </div>
-                </td>
+                </th>
             </tr>}
     </script>
 
     <script id="template-cart-total" type="text/template">
-        <tr class="h4 table-light">
-            <td colspan="1" class="pb-4">Total</td>
-            <td colspan="4" align="right" class="pb-4">
+        <tr class="h4">
+            <th colspan="1" class="pb-4">Total</th>
+            <th colspan="4" class="pb-4 text-right">
                 <span class="js-cart-total">{total}</span>
-            </td>
+            </th>
         </tr>
     </script>
     @if (this.TempData.HasStatusMessage())
@@ -270,7 +274,7 @@
                 <div class="p-2 p-sm-4">
                     <div class="row">
                         <div class="col-sm-4 col-lg-2 order-sm-last text-right mb-2">
-                            <a class="js-cart btn btn-lg btn-warning text-white text-right" href="#">
+                            <a class="js-cart btn btn-lg btn-outline-primary" href="#">
                                 <i class="fa fa-shopping-basket"></i>&nbsp;
                                 <span class="badge badge-light badge-pill">
                                     <span id="js-cart-items">0</span>
@@ -343,16 +347,16 @@
 
             <!-- Sidebar  -->
             <nav id="sidebar" class="bg-dark">
-                <div class="bg-warning p-3 clearfix">
+                <div class="bg-primary p-3 clearfix">
                     <h3 class="text-white m-0 pull-left">Cart</h3>
                     <a class="js-cart btn btn-sm bg-white text-black pull-right ml-5" href="#">
                         <i class="fa fa-times fa-lg"></i>
                     </a>
-                    <a class="js-cart-destroy btn bg-white text-danger pull-right" href="#" style="display: none;">Empty cart <i class="fa fa-trash fa-fw fa-lg"></i></a>
+                    <a class="js-cart-destroy btn btn-danger pull-right" href="#" style="display: none;">Empty cart <i class="fa fa-trash fa-fw fa-lg"></i></a>
                 </div>
 
-                <table id="js-cart-list" class="table table-responsive bg-light mt-0 mb-0">
-                    <thead class="thead-dark">
+                <table id="js-cart-list" class="table table-responsive bg-light text-secondary mt-0 mb-0">
+                    <thead class="thead-light">
                         <tr>
                             <th colspan="3" width="55%">Product</th>
                             <th class="text-center" width="20%">
@@ -367,7 +371,7 @@
                 </table>
 
                 <table id="js-cart-extra" class="table bg-light mt-0 mb-0">
-                    <tbody></tbody>
+                    <thead class="thead-light"></thead>
                 </table>
 
                 <button id="js-cart-confirm" data-toggle="modal" data-target="#cartModal" class="btn btn-primary btn-lg btn-block mb-3 p-3" disabled="disabled" type="submit">
@@ -375,7 +379,7 @@
                 </button>
 
                 <div class="text-center mb-5 pb-5">
-                    <img src="~/img/logo-white.png" height="40">
+                    <img src="~/img/logo.svg" class="logo" height="40">
                 </div>
             </nav>
         </div>
diff --git a/BTCPayServer/Views/Home/Home.cshtml b/BTCPayServer/Views/Home/Home.cshtml
index 07912c8ed..a68bf568b 100644
--- a/BTCPayServer/Views/Home/Home.cshtml
+++ b/BTCPayServer/Views/Home/Home.cshtml
@@ -3,7 +3,6 @@
     ViewBag.AlwaysShrinkNavBar = false;
 }
 
-
 <header class="masthead">
     <div class="header-content">
         <div class="header-content-inner text-white">
@@ -28,22 +27,22 @@
         <div class="row">
             <div class="col-lg-4 col-md-6 text-center">
                 <div class="service-box">
-                    <img src="~/img/lock-logo.png" />
-                    <h3 class="text-dark">Secure</h3>
+                    <img src="~/img/lock-logo.png" alt="" />
+                    <h3>Secure</h3>
                     <p class="text-muted">The payment server does not need to know your private keys, so your money can't be stolen.</p>
                 </div>
             </div>
             <div class="col-lg-4 col-md-6 text-center">
                 <div class="service-box">
-                    <img src="~/img/qr-logo.png" />
-                    <h3 class="text-dark">Easy</h3>
+                    <img src="~/img/qr-logo.png" alt="" />
+                    <h3>Easy</h3>
                     <p class="text-muted">A user-friendly Bitcoin checkout page for your customers.</p>
                 </div>
             </div>
             <div class="col-lg-4 col-md-6 text-center">
                 <div class="service-box">
-                    <img src="~/img/money-logo.png" />
-                    <h3 class="text-dark">Visibility</h3>
+                    <img src="~/img/money-logo.png" alt="" />
+                    <h3>Visibility</h3>
                     <p class="text-muted">Manage, generate reports, and search for your invoices easily.</p>
                 </div>
             </div>
@@ -51,21 +50,15 @@
     </div>
 </section>
 
-
-
 <div class="call-to-action bg-dark text-white">
     <div class="container text-center">
         <h2>Video tutorials</h2>
         <div class="row">
-            <div class="col-md-2 text-center">
-            </div>
-            <div class="col-md-8 text-center">
+            <div class="col-lg-12 text-center">
                 <a href="https://www.youtube.com/channel/UCpG9WL6TJuoNfFVkaDMp9ug" target="_blank">
                     <img src="~/img/youtube.png" class="img-fluid" />
                 </a>
             </div>
-            <div class="col-md-2 text-center">
-            </div>
         </div>
     </div>
 </div>
@@ -81,7 +74,28 @@
                 </p>
                 <p>
                     <a href="https://btcpayserver.org/donate/">
-                        <input type="image" src="~/img/paybutton/donateto.svg" name="submit" style="width:209px" alt="Donate to BtcPayServer">
+                        <svg viewBox="0 0 208 55" width="208" xmlns="http://www.w3.org/2000/svg">
+                            <path d="m208 48c0 3.866-3.135 7-7 7h-194c-3.866 0-7-3.134-7-7v-41c0-3.866 3.134-7 7-7h194c3.865 0 7 3.134 7 7z" fill="var(--btcpay-bg-cta, #0f3723)"/>
+                            <g fill="#fff">
+                                <path d="m125.169 20.648c.519 0 1.017.051 1.495.153.479.103.898.276 1.261.522s.654.57.873.972c.22.402.329.903.329 1.503 0 .336-.052.664-.156.981-.104.318-.25.606-.439.864-.19.258-.415.477-.674.657-.26.18-.551.306-.873.378v.036c.793.108 1.428.447 1.899 1.017.474.57.708 1.275.708 2.115 0 .204-.017.436-.052.693s-.104.521-.207.792c-.104.271-.254.537-.45.801-.195.265-.458.495-.785.693-.328.198-.731.36-1.209.485-.479.127-1.052.189-1.72.189h-4.368v-12.851zm0 5.634c.472 0 .881-.057 1.228-.171.346-.114.633-.27.863-.468s.403-.429.518-.693.174-.546.174-.846c0-1.608-.928-2.412-2.782-2.412h-3.192v4.59zm0 6.174c.438 0 .853-.039 1.244-.117s.737-.219 1.037-.423c.299-.204.536-.477.708-.818.173-.343.259-.771.259-1.287 0-.828-.278-1.449-.838-1.863s-1.362-.621-2.41-.621h-3.192v5.13h3.192z"/>
+                                <path d="m137.534 20.648v1.044h-3.167v11.808h-1.176v-11.808h-3.15v-1.044z"/>
+                                <path d="m146.747 23.301c-.231-.381-.513-.7-.845-.958s-.697-.454-1.096-.589c-.4-.135-.82-.202-1.259-.202-.799 0-1.485.158-2.06.475-.574.316-1.045.736-1.41 1.257-.366.522-.637 1.111-.811 1.768-.176.657-.263 1.332-.263 2.023 0 .68.087 1.351.263 2.013.174.663.443 1.255.811 1.777.365.521.835.941 1.41 1.258.574.316 1.261.475 2.06.475.563 0 1.069-.104 1.521-.315.451-.212.838-.499 1.166-.862.326-.363.591-.789.793-1.275.203-.485.332-1.011.388-1.574h1.147c-.078.774-.252 1.473-.522 2.094-.271.622-.619 1.148-1.047 1.583-.427.435-.931.769-1.511 1.002s-1.225.353-1.934.353c-.945 0-1.775-.18-2.49-.537-.716-.358-1.31-.836-1.781-1.435-.473-.599-.828-1.29-1.064-2.075s-.354-1.613-.354-2.479c0-.868.117-1.694.354-2.48.236-.785.592-1.479 1.064-2.084.473-.604 1.065-1.084 1.781-1.442.715-.357 1.545-.537 2.49-.537.574 0 1.135.088 1.68.264s1.041.437 1.486.783c.444.346.816.771 1.114 1.275s.487 1.085.565 1.741h-1.147c-.101-.485-.267-.916-.499-1.297z"/>
+                                <path d="m154.704 20.648c.553 0 1.054.081 1.503.243s.835.402 1.158.72c.322.318.57.705.742 1.161.174.456.26.972.26 1.548s-.086 1.943-.26 2.399c-.172.456-.42.843-.742 1.161s-.708.558-1.158.72-.95.243-1.503.243h-2.884v4.657h-1.176v-12.852zm-.259 7.151c.818 0 1.479-.216 1.986-.648.508-.432.762-1.943.762-2.831s-.254-1.548-.762-1.98c-.507-.432-1.168-.648-1.986-.648h-2.625v6.107z"/>
+                                <path d="m164.361 20.648 4.84 12.852h-1.262l-1.504-3.996h-5.615l-1.486 3.996h-1.244l4.959-12.852zm1.677 7.812-2.384-6.588-2.473 6.588z"/>
+                                <path d="m167.398 20.648h1.381l4.06 6.516 4.043-6.516h1.399l-4.872 7.56v5.292h-1.177v-5.292z"/>
+                                <path d="m27.005 22.02c.782-.118 1.711-.207 2.729-.207 1.844 0 3.158.428 4.028 1.24.885.812 1.402 1.962 1.402 3.571 0 1.623-.502 2.951-1.432 3.866-.929.93-2.464 1.432-4.397 1.432-.915 0-1.682-.045-2.331-.118v-9.784zm1.284 8.793c.324.06.796.074 1.298.074 2.745 0 4.235-1.534 4.235-4.221.015-2.346-1.313-3.836-4.028-3.836-.664 0-1.166.059-1.505.133z"/>
+                                <path d="m43.312 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.533 0-2.198 1.417-2.198 2.774z"/>
+                                <path d="m44.953 26.623c0-.738-.015-1.343-.059-1.933h1.151l.074 1.181h.03c.354-.679 1.18-1.343 2.361-1.343.988 0 2.523.59 2.523 3.04v4.265h-1.298v-4.117c0-1.151-.428-2.11-1.653-2.11-.855 0-1.52.605-1.741 1.328-.059.163-.089.384-.089.605v4.294h-1.298v-5.21z"/>
+                                <path d="m57.099 31.832-.104-.9h-.044c-.398.561-1.166 1.062-2.184 1.062-1.446 0-2.184-1.018-2.184-2.051 0-1.727 1.534-2.671 4.293-2.656v-.148c0-.59-.162-1.652-1.623-1.652-.664 0-1.357.207-1.859.531l-.294-.856c.59-.384 1.446-.634 2.346-.634 2.184 0 2.715 1.49 2.715 2.921v2.671c0 .62.03 1.225.118 1.712zm-.192-3.644c-1.417-.029-3.025.221-3.025 1.608 0 .841.561 1.239 1.225 1.239.93 0 1.52-.59 1.727-1.195.044-.133.074-.28.074-.413v-1.239z"/>
+                                <path d="m61.764 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/>
+                                <path d="m65.72 28.497c.029 1.756 1.151 2.479 2.449 2.479.93 0 1.49-.163 1.977-.369l.222.93c-.458.206-1.24.442-2.376.442-2.198 0-3.512-1.446-3.512-3.601s1.269-3.851 3.35-3.851c2.332 0 2.951 2.051 2.951 3.364 0 .266-.03.472-.044.605h-5.017zm3.806-.93c.015-.826-.339-2.11-1.8-2.11-1.313 0-1.889 1.209-1.992 2.11z"/>
+                                <path d="m77.084 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/>
+                                <path d="m86.78 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.534 0-2.198 1.417-2.198 2.774z"/>
+                            </g>
+                            <path d="m98.329 22.548v-8.32l10.112 4.812-7.447 5.435 3.511 2.537 8.67-6.263c.888-.685 1.47-1.238 1.421-2.137-.07-1.287-.923-1.772-1.695-2.081l-15.397-7.293s-1.7-.78-2.801.482c-.384.44-.453 1.765-.453 1.765v31.58h.029c-.036-1.295 1.166-1.9 1.166-1.9l2.884-1.372v-8.321z" fill="#cdd932"/>
+                            <path d="m104.505 27.01-6.176-4.462v8.929z" fill="#1d7a44"/>
+                            <path d="m113.176 33.271-8.67-6.262-3.511 2.536 7.446 5.435-10.111 4.813-2.884 1.372s-1.202.604-1.166 1.901c.009.324.093.688.294 1.101.745 1.521 2.93.615 2.93.615l15.398-7.292c.771-.309 1.625-.793 1.693-2.081.05-.899-.533-1.452-1.419-2.138z" fill="#51b13e"/>
+                        </svg>
                     </a>
                 </p>
             </div>
@@ -100,36 +114,31 @@
             </p>
         </div>
     </div>
-    <br />
-    <br />
-    <div class="row">
-        <div class="col-lg-3 ml-auto text-center">
+
+    <div class="row social-row">
+        <div class="col-6 col-md-3 ml-auto text-center">
             <a href="https://chat.btcpayserver.org/" target="_blank">
-                <img src="~/img/mattermost.png" height="100" />
+                <img src="~/img/mattermost.svg" alt="Mattermost" class="social-logo" />
+                <span>On Mattermost</span>
             </a>
-            <p><a href="https://chat.btcpayserver.org/" target="_blank">On Mattermost</a></p>
         </div>
-        <div class="col-lg-3 ml-auto text-center">
+        <div class="col-6 col-md-3 ml-auto text-center">
             <a href="https://slack.btcpayserver.org/" target="_blank">
-                <img src="~/img/slack.png" height="100" />
+                <img src="~/img/slack.svg" alt="Slack" class="social-logo" />
+                <span>On Slack</span>
             </a>
-            <p><a href="https://slack.btcpayserver.org/" target="_blank">On Slack</a></p>
         </div>
-        <div class="col-lg-3 mr-auto text-center">
+        <div class="col-6 col-md-3 mr-auto text-center">
             <a href="https://twitter.com/BtcpayServer" target="_blank">
-                <img src="~/img/twitter.png" height="100" />
+                <img src="~/img/twitter.svg" alt="Twitter" class="social-logo" />
+                <span>On Twitter</span>
             </a>
-            <p>
-                <a href="https://twitter.com/BtcpayServer" target="_blank">On Twitter</a>
-            </p>
         </div>
-        <div class="col-lg-3 mr-auto text-center">
+        <div class="col-6 col-md-3 mr-auto text-center">
             <a href="https://github.com/btcpayserver/btcpayserver" target="_blank">
-                <img src="~/img/github.png" height="100" />
+                <img src="~/img/github.svg" alt="Github" class="social-logo" />
+                <span>On Github</span>
             </a>
-            <p>
-                <a href="https://github.com/btcpayserver/btcpayserver" target="_blank">On Github</a>
-            </p>
         </div>
     </div>
 </div>
diff --git a/BTCPayServer/Views/Server/Theme.cshtml b/BTCPayServer/Views/Server/Theme.cshtml
index f0493720a..20b0406c3 100644
--- a/BTCPayServer/Views/Server/Theme.cshtml
+++ b/BTCPayServer/Views/Server/Theme.cshtml
@@ -37,6 +37,7 @@
                 <select id=themes asp-for="ThemeCssUri" class="form-control">
                     <option value="/css/themes/classic.css">Classic</option>
                     <option value="/css/themes/modern.css">Modern</option>
+                    <option value="/css/themes/casa.css">Casa</option>
                 </select>
                 <span asp-validation-for="ThemeCssUri" class="text-danger"></span>
             </div>
diff --git a/BTCPayServer/Views/Shared/_Layout.cshtml b/BTCPayServer/Views/Shared/_Layout.cshtml
index 04022fd73..3fb0d0b59 100644
--- a/BTCPayServer/Views/Shared/_Layout.cshtml
+++ b/BTCPayServer/Views/Shared/_Layout.cshtml
@@ -29,7 +29,8 @@
     <nav class='navbar navbar-expand-lg navbar-dark fixed-top @additionalStyle' id="mainNav">
         <div class="container">
             <a class="navbar-brand js-scroll-trigger" href="~/">
-                <img src="~/img/btcpay-logo-white-txt.svg" height="45">
+                <img src="~/img/logo.svg" class="logo" />
+
                 @if (env.NetworkType != NBitcoin.NetworkType.Mainnet)
                 {
                     <span class="badge badge-warning" style="font-size:10px;">@env.NetworkType.ToString()</span>
@@ -96,7 +97,7 @@
 
     @if (User.Identity.IsAuthenticated)
     {
-        <footer class="siteFooter bg-dark text-white">
+        <footer class="footer">
             <div class="container text-right">@env.ToString()</div>
         </footer>
     }
diff --git a/BTCPayServer/wwwroot/cart/js/cart.js b/BTCPayServer/wwwroot/cart/js/cart.js
index bee703317..a3edb61c6 100644
--- a/BTCPayServer/wwwroot/cart/js/cart.js
+++ b/BTCPayServer/wwwroot/cart/js/cart.js
@@ -18,7 +18,7 @@ function Cart() {
 
     this.listItems();
     this.bindEmptyCart();
-    
+
     this.updateItemsCount();
     this.updateAmount();
     this.updatePosData();
@@ -108,8 +108,8 @@ Cart.prototype.getTotalProducts = function() {
     // Always calculate the total amount based on the cart content
     for (var key in this.content) {
         if (
-            this.content.hasOwnProperty(key) && 
-            typeof this.content[key] != 'undefined' && 
+            this.content.hasOwnProperty(key) &&
+            typeof this.content[key] != 'undefined' &&
             !this.content[key].disabled
         ) {
             var price = this.toCents(this.content[key].price.value);
@@ -180,7 +180,7 @@ Cart.prototype.incrementItem = function(id) {
     if(!result){
         this.items = oldItemsCount;
     }
-    
+
     this.updateAll();
     return result;
 }
@@ -239,13 +239,13 @@ Cart.prototype.decrementItem = function(id) {
 Cart.prototype.removeItemAll = function(id) {
     var self = this;
     this.items = 0;
-    
+
     // Remove by item
     if (typeof id != 'undefined') {
         this.content.filter(function(obj, index, arr){
             if (obj.id === id) {
                 self.removeItem(id, index, arr);
-    
+
                 for (var i = 0; i < obj.count; i++) {
                     self.items--;
                 }
@@ -264,7 +264,7 @@ Cart.prototype.removeItemAll = function(id) {
 
 Cart.prototype.removeItem = function(id, index, arr) {
     // Remove from the array
-    arr.splice(index, 1); 
+    arr.splice(index, 1);
     // Remove from the DOM
     this.$list.find('tr').eq(index+1).remove();
 }
@@ -386,7 +386,7 @@ Cart.prototype.template = function($template, obj) {
 
 // Build the cart skeleton
 Cart.prototype.buildUI = function() {
-    var $table = $('#js-cart-extra').find('tbody'),
+    var $table = $('#js-cart-extra').find('thead'),
         list = [];
 
     tableTemplate = this.template($('#template-cart-extra'), {
@@ -420,7 +420,7 @@ Cart.prototype.listItems = function() {
         self = this,
         list = [],
         tableTemplate = '';
-    
+
     if (this.content.length > 0) {
         // Prepare the list of items in the cart
         for (var key in this.content) {
@@ -453,7 +453,7 @@ Cart.prototype.listItems = function() {
                 prevQty = parseInt($(this).data('prev')),
                 qtyDiff = Math.abs(qty - prevQty),
                 qtyIncreased = qty > prevQty;
-            
+
             if (isQty) {
                 $(this).data('prev', qty);
             } else {
@@ -509,10 +509,10 @@ Cart.prototype.listItems = function() {
         // Increment item
         $('.js-cart-item-plus').off().on('click', function(event){
             event.preventDefault();
-            if(self.incrementItem($(this).closest('tr').data('id'))){              
+            if(self.incrementItem($(this).closest('tr').data('id'))){
                 var $val = $(this).parents('.input-group').find('.js-cart-item-count'),
                     val = parseInt($val.val() || $val.data('prev')) + 1;
-                
+
                 $val.val(val);
                 $val.data('prev', val);
                 self.resetTip();
@@ -625,8 +625,8 @@ Cart.prototype.percentage = function(amount, percentage) {
 /*
 * Storage
 */
-Cart.prototype.getStorageKey = function (name) { 
-    return (name + srvModel.appId + srvModel.currencyCode); 
+Cart.prototype.getStorageKey = function (name) {
+    return (name + srvModel.appId + srvModel.currencyCode);
 }
 
 Cart.prototype.saveLocalStorage = function() {
@@ -644,7 +644,7 @@ Cart.prototype.loadLocalStorage = function() {
             continue;
         }
 
-        //check if the pos items still has the cached cart items 
+        //check if the pos items still has the cached cart items
         var matchedItem = srvModel.items.find(function(item){
             return item.id === self.content[i].id;
         });
@@ -653,7 +653,7 @@ Cart.prototype.loadLocalStorage = function() {
             this.content.splice(i,1);
             continue;
         }else{
-            
+
             if(matchedItem.inventory != null && matchedItem.inventory <= 0){
                 //item is out of stock
                 this.content.splice(i,1);
@@ -663,7 +663,7 @@ Cart.prototype.loadLocalStorage = function() {
             }
             //update its stock
             this.content[i].inventory = matchedItem.inventory;
-            
+
         }
         this.items += this.content[i].count;
             // Delete the disabled flag if any
@@ -730,7 +730,7 @@ $.fn.inputAmount = function(obj, type) {
 $.fn.removeAmount = function(obj, type) {
     $(this).off().on('click', function(event){
         event.preventDefault();
-    
+
         switch (type) {
             case 'customAmount':
                 obj.resetCustomAmount();
@@ -745,6 +745,6 @@ $.fn.removeAmount = function(obj, type) {
         obj.resetTip();
         obj.updateTotal();
         obj.updateSummaryTotal();
-        obj.emptyCartToggle();  
+        obj.emptyCartToggle();
     });
 }
diff --git a/BTCPayServer/wwwroot/css/bootstrap.css b/BTCPayServer/wwwroot/css/bootstrap.css
index 143d77df4..9fad5f018 100644
--- a/BTCPayServer/wwwroot/css/bootstrap.css
+++ b/BTCPayServer/wwwroot/css/bootstrap.css
@@ -31,7 +31,7 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: var(--btcpay-color-body);
+  color: var(--btcpay-body-color);
   text-align: left;
   background-color: var(--btcpay-bg-body); }
 
@@ -107,11 +107,11 @@ sup {
   top: -.5em; }
 
 a {
-  color: var(--btcpay-color-link);
+  color: var(--btcpay-body-color-link);
   text-decoration: none;
   background-color: transparent; }
   a:hover {
-    color: var(--btcpay-color-link-hover);
+    color: var(--btcpay-body-color-link-accent);
     text-decoration: underline; }
 
 a:not([href]):not([tabindex]) {
@@ -1009,7 +1009,7 @@ pre {
 .table {
   width: 100%;
   margin-bottom: 1rem;
-  color: var(--btcpay-color-body); }
+  color: var(--btcpay-body-color); }
   .table th,
   .table td {
     padding: 0.75rem;
@@ -1044,7 +1044,7 @@ pre {
   background-color: rgba(0, 0, 0, 0.05); }
 
 .table-hover tbody tr:hover {
-  color: var(--btcpay-color-body);
+  color: var(--btcpay-body-color);
   background-color: rgba(0, 0, 0, 0.075); }
 
 .table-primary,
@@ -1331,7 +1331,7 @@ select.form-control:focus::-ms-value {
   padding-bottom: 0.375rem;
   margin-bottom: 0;
   line-height: 1.5;
-  color: var(--btcpay-color-body);
+  color: var(--btcpay-body-color);
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0; }
@@ -1644,7 +1644,7 @@ textarea.form-control {
 .btn {
   display: inline-block;
   font-weight: 400;
-  color: var(--btcpay-color-body);
+  color: var(--btcpay-body-color);
   text-align: center;
   vertical-align: middle;
   user-select: none;
@@ -1659,7 +1659,7 @@ textarea.form-control {
     .btn {
       transition: none; } }
   .btn:hover {
-    color: var(--btcpay-color-body);
+    color: var(--btcpay-body-color);
     text-decoration: none; }
   .btn:focus, .btn.focus {
     outline: 0;
@@ -1677,8 +1677,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-primary); }
   .btn-primary:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-primary-dark);
-    border-color: var(--btcpay-color-primary-dark); }
+    background-color: var(--btcpay-color-primary-accent);
+    border-color: var(--btcpay-color-primary-accent); }
   .btn-primary:focus, .btn-primary.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-alpha); }
   .btn-primary.disabled, .btn-primary:disabled {
@@ -1688,8 +1688,8 @@ fieldset:disabled a.btn {
   .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
   .show > .btn-primary.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-primary-dark);
-    border-color: var(--btcpay-color-primary-dark); }
+    background-color: var(--btcpay-color-primary-accent);
+    border-color: var(--btcpay-color-primary-accent); }
     .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
     .show > .btn-primary.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-alpha); }
@@ -1700,8 +1700,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-secondary); }
   .btn-secondary:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-secondary-dark);
-    border-color: var(--btcpay-color-secondary-dark); }
+    background-color: var(--btcpay-color-secondary-accent);
+    border-color: var(--btcpay-color-secondary-accent); }
   .btn-secondary:focus, .btn-secondary.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-alpha); }
   .btn-secondary.disabled, .btn-secondary:disabled {
@@ -1711,8 +1711,8 @@ fieldset:disabled a.btn {
   .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
   .show > .btn-secondary.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-secondary-dark);
-    border-color: var(--btcpay-color-secondary-dark); }
+    background-color: var(--btcpay-color-secondary-accent);
+    border-color: var(--btcpay-color-secondary-accent); }
     .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-alpha); }
@@ -1723,8 +1723,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-success); }
   .btn-success:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-success-dark);
-    border-color: var(--btcpay-color-success-dark); }
+    background-color: var(--btcpay-color-success-accent);
+    border-color: var(--btcpay-color-success-accent); }
   .btn-success:focus, .btn-success.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-alpha); }
   .btn-success.disabled, .btn-success:disabled {
@@ -1734,8 +1734,8 @@ fieldset:disabled a.btn {
   .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
   .show > .btn-success.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-success-dark);
-    border-color: var(--btcpay-color-success-dark); }
+    background-color: var(--btcpay-color-success-accent);
+    border-color: var(--btcpay-color-success-accent); }
     .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
     .show > .btn-success.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-alpha); }
@@ -1746,8 +1746,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-info); }
   .btn-info:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-info-dark);
-    border-color: var(--btcpay-color-info-dark); }
+    background-color: var(--btcpay-color-info-accent);
+    border-color: var(--btcpay-color-info-accent); }
   .btn-info:focus, .btn-info.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-alpha); }
   .btn-info.disabled, .btn-info:disabled {
@@ -1757,8 +1757,8 @@ fieldset:disabled a.btn {
   .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
   .show > .btn-info.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-info-dark);
-    border-color: var(--btcpay-color-info-dark); }
+    background-color: var(--btcpay-color-info-accent);
+    border-color: var(--btcpay-color-info-accent); }
     .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
     .show > .btn-info.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-alpha); }
@@ -1769,8 +1769,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-warning); }
   .btn-warning:hover {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-warning-dark);
-    border-color: var(--btcpay-color-warning-dark); }
+    background-color: var(--btcpay-color-warning-accent);
+    border-color: var(--btcpay-color-warning-accent); }
   .btn-warning:focus, .btn-warning.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-alpha); }
   .btn-warning.disabled, .btn-warning:disabled {
@@ -1780,8 +1780,8 @@ fieldset:disabled a.btn {
   .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
   .show > .btn-warning.dropdown-toggle {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-warning-dark);
-    border-color: var(--btcpay-color-warning-dark); }
+    background-color: var(--btcpay-color-warning-accent);
+    border-color: var(--btcpay-color-warning-accent); }
     .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
     .show > .btn-warning.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-alpha); }
@@ -1792,8 +1792,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-danger); }
   .btn-danger:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-danger-dark);
-    border-color: var(--btcpay-color-danger-dark); }
+    background-color: var(--btcpay-color-danger-accent);
+    border-color: var(--btcpay-color-danger-accent); }
   .btn-danger:focus, .btn-danger.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-alpha); }
   .btn-danger.disabled, .btn-danger:disabled {
@@ -1803,8 +1803,8 @@ fieldset:disabled a.btn {
   .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
   .show > .btn-danger.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-danger-dark);
-    border-color: var(--btcpay-color-danger-dark); }
+    background-color: var(--btcpay-color-danger-accent);
+    border-color: var(--btcpay-color-danger-accent); }
     .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
     .show > .btn-danger.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-alpha); }
@@ -1815,8 +1815,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-light); }
   .btn-light:hover {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-light-dark);
-    border-color: var(--btcpay-color-light-dark); }
+    background-color: var(--btcpay-color-light-accent);
+    border-color: var(--btcpay-color-light-accent); }
   .btn-light:focus, .btn-light.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-alpha); }
   .btn-light.disabled, .btn-light:disabled {
@@ -1826,8 +1826,8 @@ fieldset:disabled a.btn {
   .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
   .show > .btn-light.dropdown-toggle {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-light-dark);
-    border-color: var(--btcpay-color-light-dark); }
+    background-color: var(--btcpay-color-light-accent);
+    border-color: var(--btcpay-color-light-accent); }
     .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
     .show > .btn-light.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-alpha); }
@@ -1838,8 +1838,8 @@ fieldset:disabled a.btn {
   border-color: var(--btcpay-color-dark); }
   .btn-dark:hover {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-dark-dark);
-    border-color: var(--btcpay-color-dark-dark); }
+    background-color: var(--btcpay-color-dark-accent);
+    border-color: var(--btcpay-color-dark-accent); }
   .btn-dark:focus, .btn-dark.focus {
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-alpha); }
   .btn-dark.disabled, .btn-dark:disabled {
@@ -1849,8 +1849,8 @@ fieldset:disabled a.btn {
   .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
   .show > .btn-dark.dropdown-toggle {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-dark-dark);
-    border-color: var(--btcpay-color-dark-dark); }
+    background-color: var(--btcpay-color-dark-accent);
+    border-color: var(--btcpay-color-dark-accent); }
     .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
     .show > .btn-dark.dropdown-toggle:focus {
       box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-alpha); }
@@ -2025,10 +2025,10 @@ fieldset:disabled a.btn {
 
 .btn-link {
   font-weight: 400;
-  color: var(--btcpay-color-link);
+  color: var(--btcpay-body-color-link);
   text-decoration: none; }
   .btn-link:hover {
-    color: var(--btcpay-color-link-hover);
+    color: var(--btcpay-body-color-link-accent);
     text-decoration: underline; }
   .btn-link:focus, .btn-link.focus {
     text-decoration: underline;
@@ -2111,7 +2111,7 @@ input[type="button"].btn-block {
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
-  color: var(--btcpay-color-body);
+  color: var(--btcpay-body-color);
   text-align: left;
   list-style: none;
   background-color: var(--btcpay-color-white);
@@ -3164,7 +3164,7 @@ input[type="button"].btn-block {
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
-  background-color: var(--btcpay-color-white);
+  background-color: var(--btcpay-bg-tile, var(--btcpay-color-white));
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem; }
@@ -3366,12 +3366,12 @@ input[type="button"].btn-block {
   padding: 0.5rem 0.75rem;
   margin-left: -1px;
   line-height: 1.25;
-  color: var(--btcpay-color-link);
+  color: var(--btcpay-body-color-link);
   background-color: var(--btcpay-color-white);
   border: 1px solid var(--btcpay-color-neutral-300); }
   .page-link:hover {
     z-index: 2;
-    color: var(--btcpay-color-link-hover);
+    color: var(--btcpay-body-color-link-accent);
     text-decoration: none;
     background-color: var(--btcpay-color-neutral-200);
     border-color: var(--btcpay-color-neutral-300); }
@@ -3461,7 +3461,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-primary); }
   a.badge-primary:hover, a.badge-primary:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-primary-dark); }
+    background-color: var(--btcpay-color-primary-accent); }
   a.badge-primary:focus, a.badge-primary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-primary-alpha); }
@@ -3471,7 +3471,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-secondary); }
   a.badge-secondary:hover, a.badge-secondary:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-secondary-dark); }
+    background-color: var(--btcpay-color-secondary-accent); }
   a.badge-secondary:focus, a.badge-secondary.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-secondary-alpha); }
@@ -3481,7 +3481,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-success); }
   a.badge-success:hover, a.badge-success:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-success-dark); }
+    background-color: var(--btcpay-color-success-accent); }
   a.badge-success:focus, a.badge-success.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-success-alpha); }
@@ -3491,7 +3491,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-info); }
   a.badge-info:hover, a.badge-info:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-info-dark); }
+    background-color: var(--btcpay-color-info-accent); }
   a.badge-info:focus, a.badge-info.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-info-alpha); }
@@ -3501,7 +3501,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-warning); }
   a.badge-warning:hover, a.badge-warning:focus {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-warning-dark); }
+    background-color: var(--btcpay-color-warning-accent); }
   a.badge-warning:focus, a.badge-warning.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-warning-alpha); }
@@ -3511,7 +3511,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-danger); }
   a.badge-danger:hover, a.badge-danger:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-danger-dark); }
+    background-color: var(--btcpay-color-danger-accent); }
   a.badge-danger:focus, a.badge-danger.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-danger-alpha); }
@@ -3521,7 +3521,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-light); }
   a.badge-light:hover, a.badge-light:focus {
     color: var(--btcpay-color-neutral-900);
-    background-color: var(--btcpay-color-light-dark); }
+    background-color: var(--btcpay-color-light-accent); }
   a.badge-light:focus, a.badge-light.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-light-alpha); }
@@ -3531,7 +3531,7 @@ input[type="button"].btn-block {
   background-color: var(--btcpay-color-dark); }
   a.badge-dark:hover, a.badge-dark:focus {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-dark-dark); }
+    background-color: var(--btcpay-color-dark-accent); }
   a.badge-dark:focus, a.badge-dark.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem var(--btcpay-color-dark-alpha); }
@@ -3573,76 +3573,76 @@ input[type="button"].btn-block {
     color: inherit; }
 
 .alert-primary {
-  color: var(--btcpay-color-primary-dark);
+  color: var(--btcpay-color-primary-accent);
   background-color: var(--btcpay-color-primary-alpha);
   border-color: var(--btcpay-color-primary-alpha); }
   .alert-primary hr {
     border-top-color: var(--btcpay-color-primary-alpha); }
   .alert-primary .alert-link {
-    color: var(--btcpay-color-primary-dark); }
+    color: var(--btcpay-color-primary-accent); }
 
 .alert-secondary {
-  color: var(--btcpay-color-secondary-dark);
+  color: var(--btcpay-color-secondary-accent);
   background-color: var(--btcpay-color-secondary-alpha);
   border-color: var(--btcpay-color-secondary-alpha); }
   .alert-secondary hr {
     border-top-color: var(--btcpay-color-secondary-alpha); }
   .alert-secondary .alert-link {
-    color: var(--btcpay-color-secondary-dark); }
+    color: var(--btcpay-color-secondary-accent); }
 
 .alert-success {
-  color: var(--btcpay-color-success-dark);
+  color: var(--btcpay-color-success-accent);
   background-color: var(--btcpay-color-success-alpha);
   border-color: var(--btcpay-color-success-alpha); }
   .alert-success hr {
     border-top-color: var(--btcpay-color-success-alpha); }
   .alert-success .alert-link {
-    color: var(--btcpay-color-success-dark); }
+    color: var(--btcpay-color-success-accent); }
 
 .alert-info {
-  color: var(--btcpay-color-info-dark);
+  color: var(--btcpay-color-info-accent);
   background-color: var(--btcpay-color-info-alpha);
   border-color: var(--btcpay-color-info-alpha); }
   .alert-info hr {
     border-top-color: var(--btcpay-color-info-alpha); }
   .alert-info .alert-link {
-    color: var(--btcpay-color-info-dark); }
+    color: var(--btcpay-color-info-accent); }
 
 .alert-warning {
-  color: var(--btcpay-color-warning-dark);
+  color: var(--btcpay-color-warning-accent);
   background-color: var(--btcpay-color-warning-alpha);
   border-color: var(--btcpay-color-warning-alpha); }
   .alert-warning hr {
     border-top-color: var(--btcpay-color-warning-alpha); }
   .alert-warning .alert-link {
-    color: var(--btcpay-color-warning-dark); }
+    color: var(--btcpay-color-warning-accent); }
 
 .alert-danger {
-  color: var(--btcpay-color-danger-dark);
+  color: var(--btcpay-color-danger-accent);
   background-color: var(--btcpay-color-danger-alpha);
   border-color: var(--btcpay-color-danger-alpha); }
   .alert-danger hr {
     border-top-color: var(--btcpay-color-danger-alpha); }
   .alert-danger .alert-link {
-    color: var(--btcpay-color-danger-dark); }
+    color: var(--btcpay-color-danger-accent); }
 
 .alert-light {
-  color: var(--btcpay-color-light-dark);
+  color: var(--btcpay-color-light-accent);
   background-color: var(--btcpay-color-light-alpha);
   border-color: var(--btcpay-color-light-alpha); }
   .alert-light hr {
     border-top-color: var(--btcpay-color-light-alpha); }
   .alert-light .alert-link {
-    color: var(--btcpay-color-light-dark); }
+    color: var(--btcpay-color-light-accent); }
 
 .alert-dark {
-  color: var(--btcpay-color-dark-dark);
+  color: var(--btcpay-color-dark-accent);
   background-color: var(--btcpay-color-dark-alpha);
   border-color: var(--btcpay-color-dark-alpha); }
   .alert-dark hr {
     border-top-color: var(--btcpay-color-dark-alpha); }
   .alert-dark .alert-link {
-    color: var(--btcpay-color-dark-dark); }
+    color: var(--btcpay-color-dark-accent); }
 
 @keyframes progress-bar-stripes {
   from {
@@ -3704,7 +3704,7 @@ input[type="button"].btn-block {
     text-decoration: none;
     background-color: var(--btcpay-color-neutral-100); }
   .list-group-item-action:active {
-    color: var(--btcpay-color-body);
+    color: var(--btcpay-body-color);
     background-color: var(--btcpay-color-neutral-200); }
 
 .list-group-item {
@@ -3825,92 +3825,92 @@ input[type="button"].btn-block {
   border-bottom: 0; }
 
 .list-group-item-primary {
-  color: var(--btcpay-color-primary-dark);
+  color: var(--btcpay-color-primary-accent);
   background-color: var(--btcpay-color-primary-alpha); }
   .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-    color: var(--btcpay-color-primary-dark);
+    color: var(--btcpay-color-primary-accent);
     background-color: var(--btcpay-color-primary-alpha); }
   .list-group-item-primary.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-primary-dark);
-    border-color: var(--btcpay-color-primary-dark); }
+    background-color: var(--btcpay-color-primary-accent);
+    border-color: var(--btcpay-color-primary-accent); }
 
 .list-group-item-secondary {
-  color: var(--btcpay-color-secondary-dark);
+  color: var(--btcpay-color-secondary-accent);
   background-color: var(--btcpay-color-secondary-alpha); }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: var(--btcpay-color-secondary-dark);
+    color: var(--btcpay-color-secondary-accent);
     background-color: var(--btcpay-color-secondary-alpha); }
   .list-group-item-secondary.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-secondary-dark);
-    border-color: var(--btcpay-color-secondary-dark); }
+    background-color: var(--btcpay-color-secondary-accent);
+    border-color: var(--btcpay-color-secondary-accent); }
 
 .list-group-item-success {
-  color: var(--btcpay-color-success-dark);
+  color: var(--btcpay-color-success-accent);
   background-color: var(--btcpay-color-success-alpha); }
   .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-    color: var(--btcpay-color-success-dark);
+    color: var(--btcpay-color-success-accent);
     background-color: var(--btcpay-color-success-alpha); }
   .list-group-item-success.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-success-dark);
-    border-color: var(--btcpay-color-success-dark); }
+    background-color: var(--btcpay-color-success-accent);
+    border-color: var(--btcpay-color-success-accent); }
 
 .list-group-item-info {
-  color: var(--btcpay-color-info-dark);
+  color: var(--btcpay-color-info-accent);
   background-color: var(--btcpay-color-info-alpha); }
   .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-    color: var(--btcpay-color-info-dark);
+    color: var(--btcpay-color-info-accent);
     background-color: var(--btcpay-color-info-alpha); }
   .list-group-item-info.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-info-dark);
-    border-color: var(--btcpay-color-info-dark); }
+    background-color: var(--btcpay-color-info-accent);
+    border-color: var(--btcpay-color-info-accent); }
 
 .list-group-item-warning {
-  color: var(--btcpay-color-warning-dark);
+  color: var(--btcpay-color-warning-accent);
   background-color: var(--btcpay-color-warning-alpha); }
   .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-    color: var(--btcpay-color-warning-dark);
+    color: var(--btcpay-color-warning-accent);
     background-color: var(--btcpay-color-warning-alpha); }
   .list-group-item-warning.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-warning-dark);
-    border-color: var(--btcpay-color-warning-dark); }
+    background-color: var(--btcpay-color-warning-accent);
+    border-color: var(--btcpay-color-warning-accent); }
 
 .list-group-item-danger {
-  color: var(--btcpay-color-danger-dark);
+  color: var(--btcpay-color-danger-accent);
   background-color: var(--btcpay-color-danger-alpha); }
   .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-    color: var(--btcpay-color-danger-dark);
+    color: var(--btcpay-color-danger-accent);
     background-color: var(--btcpay-color-danger-alpha); }
   .list-group-item-danger.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-danger-dark);
-    border-color: var(--btcpay-color-danger-dark); }
+    background-color: var(--btcpay-color-danger-accent);
+    border-color: var(--btcpay-color-danger-accent); }
 
 .list-group-item-light {
-  color: var(--btcpay-color-light-dark);
+  color: var(--btcpay-color-light-accent);
   background-color: var(--btcpay-color-light-alpha); }
   .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-    color: var(--btcpay-color-light-dark);
+    color: var(--btcpay-color-light-accent);
     background-color: var(--btcpay-color-light-alpha); }
   .list-group-item-light.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-light-dark);
-    border-color: var(--btcpay-color-light-dark); }
+    background-color: var(--btcpay-color-light-accent);
+    border-color: var(--btcpay-color-light-accent); }
 
 .list-group-item-dark {
-  color: var(--btcpay-color-dark-dark);
+  color: var(--btcpay-color-dark-accent);
   background-color: var(--btcpay-color-dark-alpha); }
   .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-    color: var(--btcpay-color-dark-dark);
+    color: var(--btcpay-color-dark-accent);
     background-color: var(--btcpay-color-dark-alpha); }
   .list-group-item-dark.list-group-item-action.active {
     color: var(--btcpay-color-white);
-    background-color: var(--btcpay-color-dark-dark);
-    border-color: var(--btcpay-color-dark-dark); }
+    background-color: var(--btcpay-color-dark-accent);
+    border-color: var(--btcpay-color-dark-accent); }
 
 .close {
   float: right;
@@ -4034,7 +4034,7 @@ a.close.disabled {
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
-  background-color: var(--btcpay-color-white);
+  background-color: var(--btcpay-bg-tile, var(--btcpay-color-white));;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0.3rem;
@@ -4321,7 +4321,7 @@ a.close.disabled {
 
 .popover-body {
   padding: 0.5rem 0.75rem;
-  color: var(--btcpay-color-body); }
+  color: var(--btcpay-body-color); }
 
 .carousel {
   position: relative; }
@@ -4536,7 +4536,7 @@ a.close.disabled {
 a.bg-primary:hover, a.bg-primary:focus,
 button.bg-primary:hover,
 button.bg-primary:focus {
-  background-color: var(--btcpay-color-primary-dark) !important; }
+  background-color: var(--btcpay-color-primary-accent) !important; }
 
 .bg-secondary {
   background-color: var(--btcpay-color-secondary) !important; }
@@ -4544,7 +4544,7 @@ button.bg-primary:focus {
 a.bg-secondary:hover, a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
-  background-color: var(--btcpay-color-secondary-dark) !important; }
+  background-color: var(--btcpay-color-secondary-accent) !important; }
 
 .bg-success {
   background-color: var(--btcpay-color-success) !important; }
@@ -4552,7 +4552,7 @@ button.bg-secondary:focus {
 a.bg-success:hover, a.bg-success:focus,
 button.bg-success:hover,
 button.bg-success:focus {
-  background-color: var(--btcpay-color-success-dark) !important; }
+  background-color: var(--btcpay-color-success-accent) !important; }
 
 .bg-info {
   background-color: var(--btcpay-color-info) !important; }
@@ -4560,7 +4560,7 @@ button.bg-success:focus {
 a.bg-info:hover, a.bg-info:focus,
 button.bg-info:hover,
 button.bg-info:focus {
-  background-color: var(--btcpay-color-info-dark) !important; }
+  background-color: var(--btcpay-color-info-accent) !important; }
 
 .bg-warning {
   background-color: var(--btcpay-color-warning) !important; }
@@ -4568,7 +4568,7 @@ button.bg-info:focus {
 a.bg-warning:hover, a.bg-warning:focus,
 button.bg-warning:hover,
 button.bg-warning:focus {
-  background-color: var(--btcpay-color-warning-dark) !important; }
+  background-color: var(--btcpay-color-warning-accent) !important; }
 
 .bg-danger {
   background-color: var(--btcpay-color-danger) !important; }
@@ -4576,7 +4576,7 @@ button.bg-warning:focus {
 a.bg-danger:hover, a.bg-danger:focus,
 button.bg-danger:hover,
 button.bg-danger:focus {
-  background-color: var(--btcpay-color-danger-dark) !important; }
+  background-color: var(--btcpay-color-danger-accent) !important; }
 
 .bg-light {
   background-color: var(--btcpay-color-light) !important; }
@@ -4584,7 +4584,7 @@ button.bg-danger:focus {
 a.bg-light:hover, a.bg-light:focus,
 button.bg-light:hover,
 button.bg-light:focus {
-  background-color: var(--btcpay-color-light-dark) !important; }
+  background-color: var(--btcpay-color-light-accent) !important; }
 
 .bg-dark {
   background-color: var(--btcpay-color-dark) !important; }
@@ -4592,7 +4592,7 @@ button.bg-light:focus {
 a.bg-dark:hover, a.bg-dark:focus,
 button.bg-dark:hover,
 button.bg-dark:focus {
-  background-color: var(--btcpay-color-dark-dark) !important; }
+  background-color: var(--btcpay-color-dark-accent) !important; }
 
 .bg-white {
   background-color: var(--btcpay-color-white); }
@@ -6860,52 +6860,52 @@ button.bg-dark:focus {
   color: var(--btcpay-color-primary) !important; }
 
 a.text-primary:hover, a.text-primary:focus {
-  color: var(--btcpay-color-primary-dark) !important; }
+  color: var(--btcpay-color-primary-accent) !important; }
 
 .text-secondary {
   color: var(--btcpay-color-secondary) !important; }
 
 a.text-secondary:hover, a.text-secondary:focus {
-  color: var(--btcpay-color-secondary-dark) !important; }
+  color: var(--btcpay-color-secondary-accent) !important; }
 
 .text-success {
   color: var(--btcpay-color-success) !important; }
 
 a.text-success:hover, a.text-success:focus {
-  color: var(--btcpay-color-success-dark) !important; }
+  color: var(--btcpay-color-success-accent) !important; }
 
 .text-info {
   color: var(--btcpay-color-info) !important; }
 
 a.text-info:hover, a.text-info:focus {
-  color: var(--btcpay-color-info-dark) !important; }
+  color: var(--btcpay-color-info-accent) !important; }
 
 .text-warning {
   color: var(--btcpay-color-warning) !important; }
 
 a.text-warning:hover, a.text-warning:focus {
-  color: var(--btcpay-color-warning-dark) !important; }
+  color: var(--btcpay-color-warning-accent) !important; }
 
 .text-danger {
   color: var(--btcpay-color-danger) !important; }
 
 a.text-danger:hover, a.text-danger:focus {
-  color: var(--btcpay-color-danger-dark) !important; }
+  color: var(--btcpay-color-danger-accent) !important; }
 
 .text-light {
   color: var(--btcpay-color-light) !important; }
 
 a.text-light:hover, a.text-light:focus {
-  color: var(--btcpay-color-light-dark) !important; }
+  color: var(--btcpay-color-light-accent) !important; }
 
 .text-dark {
   color: var(--btcpay-color-dark) !important; }
 
 a.text-dark:hover, a.text-dark:focus {
-  color: var(--btcpay-color-dark-dark) !important; }
+  color: var(--btcpay-color-dark-accent) !important; }
 
 .text-body {
-  color: var(--btcpay-color-body) !important; }
+  color: var(--btcpay-body-color) !important; }
 
 .text-muted {
   color: var(--btcpay-color-neutral-600) !important; }
diff --git a/BTCPayServer/wwwroot/css/creative.css b/BTCPayServer/wwwroot/css/creative.css
index e24433398..dd079520c 100644
--- a/BTCPayServer/wwwroot/css/creative.css
+++ b/BTCPayServer/wwwroot/css/creative.css
@@ -33,45 +33,41 @@ hr.light {
 }
 
 #mainNav {
-  background: var(--btcpay-bg-dark);
+  color: var(--btcpay-header-color, var(--btcpay-color-neutral-100));
+  background: var(--btcpay-header-bg, var(--btcpay-bg-dark));
   font-family: var(--btcpay-font-family-head);
-  transition: all 0.2s;
-}
-
-#mainNav .navbar-nav > li.nav-item > a.nav-link:focus,
-#mainNav .navbar-nav > li.nav-item > a.nav-link {
-  font-size: 13px;
-  font-weight: 700;
-  text-transform: uppercase;
-  color: var(--btcpay-color-white);
-}
-
-#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover,
-#mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
-  color: var(--btcpay-color-white);
-}
-
-#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active,
-#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
-  color: var(--btcpay-color-white) !important;
-  background-color: transparent;
-}
-
-#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover,
-#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
-  background-color: transparent;
+  transition-property: background, color;
+  transition-duration: 0.2s;
 }
 
 @media (min-width: 992px) {
   #mainNav {
-    background-color: transparent;
+    background: transparent;
   }
 
   #mainNav.navbar-shrink {
-    background-color: var(--btcpay-bg-dark);
+    background: var(--btcpay-header-bg, var(--btcpay-bg-dark));
   }
 }
 
+#mainNav .navbar-nav > li.nav-item > a.nav-link {
+  font-size: 13px;
+  font-weight: bold;
+  text-transform: uppercase;
+  color: var(--btcpay-header-color-link, var(--btcpay-color-neutral-100));
+}
+
+#mainNav .navbar-nav > li.nav-item > a.nav-link:focus,
+#mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
+  color: var(--btcpay-header-color-link-accent, var(--btcpay-color-white));
+}
+
+#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
+#mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus,
+#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
+  color: var(--btcpay-header-color-link-active, var(--btcpay-color-white));
+}
+
 header.masthead {
   position: relative;
   display: block;
diff --git a/BTCPayServer/wwwroot/css/site.css b/BTCPayServer/wwwroot/css/site.css
index 4e600a79c..3c0ddc59e 100644
--- a/BTCPayServer/wwwroot/css/site.css
+++ b/BTCPayServer/wwwroot/css/site.css
@@ -4,16 +4,8 @@ html {
     min-height: 100%;
 }
 
-.siteFooter {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    height: 18px;
-    line-height: 18px;
-    vertical-align: middle;
-    font-size: 8px;
-    width: 100%;
-    overflow: hidden;
+.logo {
+    height: 45px;
 }
 
 .only-for-js,
@@ -45,26 +37,35 @@ html {
     }
 }
 
+a {
+    transition-duration: 0.2s;
+    transition-property: background, color;
+}
+
+/* Admin Sections */
 .section-heading {
     text-align: var(--btcpay-section-heading-text-align, center);
 }
 
+/* Admin Sidebar Navigation */
 a.nav-link {
-    color: var(--btcpay-color-nav-link, var(--btcpay-color-neutral-600));
+    color: var(--btcpay-nav-color-link, var(--btcpay-color-neutral-600));
     background: var(--btcpay-bg-nav-link, transparent);
-    transition-duration: .2s;
-    transition-property: background, color;
 }
 
 a.nav-link:focus,
 a.nav-link:hover {
-    color: var(--btcpay-color-nav-link-hover, var(--btcpay-color-neutral-700));
+    color: var(--btcpay-nav-color-link-accent, var(--btcpay-color-neutral-700));
     background: var(--btcpay-bg-nav-link-hover, transparent);
 }
 
+.col-md-3 .nav-pills {
+    margin-left: -1rem;
+}
+
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
-    color: var(--btcpay-color-nav-link-active, var(--btcpay-color-neutral-900));
+    color: var(--btcpay-nav-color-link-active, var(--btcpay-color-neutral-900));
     background: var(--btcpay-bg-nav-link-active, var(--btcpay-color-primary-alpha));
     font-weight: 500;
 }
@@ -73,6 +74,43 @@ a.nav-link:hover {
     display: none;
 }
 
+/* Homepage */
+#services img {
+    margin-bottom: 1rem;
+}
+
+.social-row {
+    margin: 2rem 0;
+}
+
+.social-row > div {
+    margin-bottom: 3rem;
+}
+
+.social-row img {
+    height: 50px;
+}
+
+.social-row span {
+    display: block;
+    margin-top: 1rem;
+}
+
+/* Footer */
+.footer {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 18px;
+    line-height: 18px;
+    vertical-align: middle;
+    font-size: 8px;
+    width: 100%;
+    overflow: hidden;
+    color: var(--btcpay-color-footer, var(--btcpay-color-neutral-100));
+    background: var(--btcpay-footer-bg, var(--btcpay-bg-dark));
+}
+
 /* Prevent layout from breaking on hyperlinks with very long URLs as the visible text */
 .invoice-details a {
     word-break: break-word;
diff --git a/BTCPayServer/wwwroot/css/themes/casa.css b/BTCPayServer/wwwroot/css/themes/casa.css
new file mode 100644
index 000000000..4ff32a915
--- /dev/null
+++ b/BTCPayServer/wwwroot/css/themes/casa.css
@@ -0,0 +1,103 @@
+:root {
+  --btcpay-brand-light:   #B498FF;
+  --btcpay-brand-medium:  #885df8;
+  --btcpay-brand-dark:    #321a6e;
+  --btcpay-brand-darker:  #19154B;
+  --btcpay-brand-darkest: #02000C;
+
+  --btcpay-color-white:    #fff;
+  --btcpay-color-black:    #000;
+
+  --btcpay-color-neutral-100: #F3F1FF;
+  --btcpay-color-neutral-200: #DCD7FC;
+  --btcpay-color-neutral-300: #CDC6F3;
+  --btcpay-color-neutral-400: #AEA7D7;
+  --btcpay-color-neutral-500: #8a85a8;
+  --btcpay-color-neutral-600: #8880ad;
+  --btcpay-color-neutral-700: #49308b;
+  --btcpay-color-neutral-800: #181334;
+  --btcpay-color-neutral-900: #100d20;
+
+  --btcpay-color-primary:          var(--btcpay-brand-medium);
+  --btcpay-color-primary-accent:   var(--btcpay-brand-light);
+  --btcpay-color-primary-alpha:    rgba(73, 48, 139, .25);
+  --btcpay-color-secondary:        var(--btcpay-color-neutral-600);
+  --btcpay-color-secondary-accent: var(--btcpay-color-neutral-800);
+  --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-info:             #17a2b8;
+  --btcpay-color-info-accent:      #117a8b;
+  --btcpay-color-info-alpha:       rgba(58, 176, 195, 0.25);
+  --btcpay-color-warning:          #ffc107;
+  --btcpay-color-warning-accent:   #d39e00;
+  --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-light:            var(--btcpay-color-neutral-100);
+  --btcpay-color-light-accent:     #dae0e5;
+  --btcpay-color-light-alpha:      rgba(216, 217, 219, 0.25);
+  --btcpay-color-dark:             var(--btcpay-color-neutral-900);
+  --btcpay-color-dark-accent:      #060217;
+  --btcpay-color-dark-alpha:       rgba(82, 88, 93, 0.25);
+
+  --btcpay-bg-body: var(--btcpay-brand-darkest);
+  --btcpay-bg-dark: var(--btcpay-brand-darker);
+  --btcpay-bg-tile: var(--btcpay-color-primary-alpha);
+  --btcpay-bg-cta:  var(--btcpay-brand-dark);
+
+  --btcpay-body-color: var(--btcpay-color-neutral-100);
+  --btcpay-body-color-link: var(--btcpay-color-primary);
+  --btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
+
+  --btcpay-section-heading-text-align: left;
+
+  --btcpay-nav-color-link-accent: var(--btcpay-color-neutral-100);
+  --btcpay-nav-color-link-active: var(--btcpay-color-white);
+
+  --btcpay-header-bg: var(--btcpay-brand-darker);
+  --btcpay-footer-bg: var(--btcpay-brand-darkest);
+
+  --btcpay-font-size-base: 16px;
+  --btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+  --btcpay-font-family-base: -apple-system, 'Open Sans', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+/* Bootstrap modifications */
+html {
+  font-size: var(--btcpay-font-size-base);
+}
+
+body {
+  background: linear-gradient(var(--btcpay-header-bg), var(--btcpay-footer-bg));
+  background-attachment: fixed;
+}
+
+.logo,
+.social-logo {
+  filter: contrast(0) brightness(200%);
+}
+
+.bg-dark {
+  background-color: var(--btcpay-bg-dark) !important;
+}
+
+#mainNav {
+  background: var(--btcpay-header-bg) !important;
+}
+
+header.masthead::before,
+.service-box img {
+  filter: hue-rotate(100deg) opacity(60%) contrast(125%);
+}
+
+.table {
+  margin: 1.5rem 0 3rem;
+}
+
+.table th {
+  border-top: 0;
+}
diff --git a/BTCPayServer/wwwroot/css/themes/classic.css b/BTCPayServer/wwwroot/css/themes/classic.css
index 49c98c7a8..247d27330 100644
--- a/BTCPayServer/wwwroot/css/themes/classic.css
+++ b/BTCPayServer/wwwroot/css/themes/classic.css
@@ -1,12 +1,7 @@
-/*
- * BTCPay variables as CSS custom properties.
- * -> These get used in the _variables.scss
- */
 :root {
-  --btcpay-accent-light: #CEDC21;
-  --btcpay-accent-medium: #51B13E;
-  --btcpay-accent-dark: #137547;
-  --btcpay-accent-darkest: #0F3B21;
+  --btcpay-brand-light:  #CEDC21;
+  --btcpay-brand-medium: #51B13E;
+  --btcpay-brand-dark:   #137547;
 
   --btcpay-color-white:       #fff;
   --btcpay-color-black:       #000;
@@ -21,42 +16,45 @@
   --btcpay-color-neutral-800: #343a40;
   --btcpay-color-neutral-900: #212529;
 
-  --btcpay-color-primary:         #329f80;
-  --btcpay-color-primary-dark:    #267861;
-  --btcpay-color-primary-alpha:   rgba(81, 173, 147, 0.25);
-  --btcpay-color-secondary:       var(--btcpay-color-gray-600);
-  --btcpay-color-secondary-dark:  var(--btcpay-color-gray-800);
-  --btcpay-color-secondary-alpha: rgba(130, 138, 145, 0.25);
-  --btcpay-color-success:         #329f80;
-  --btcpay-color-success-dark:    #1e7e34;
-  --btcpay-color-success-alpha:   rgba(72, 180, 97, 0.25);
-  --btcpay-color-info:            #17a2b8;
-  --btcpay-color-info-dark:       #117a8b;
-  --btcpay-color-info-alpha:      rgba(58, 176, 195, 0.25);
-  --btcpay-color-warning:         #ffc107;
-  --btcpay-color-warning-dark:    #d39e00;
-  --btcpay-color-warning-alpha:   rgba(2  22, 170, 12, 0.25);
-  --btcpay-color-danger:          #dc3545;
-  --btcpay-color-danger-dark:     #bd2130;
-  --btcpay-color-danger-alpha:    rgba(225, 83, 97, 0.25);
-  --btcpay-color-light:           var(--btcpay-color-gray-100);
-  --btcpay-color-light-dark:      #dae0e5;
-  --btcpay-color-light-alpha:     rgba(216, 217, 219, 0.25);
-  --btcpay-color-dark:            var(--btcpay-accent-darkest);
-  --btcpay-color-dark-dark:       #05120a;
-  --btcpay-color-dark-alpha:      rgba(51, 88, 66, 0.25);
+  --btcpay-color-primary:          #329f80;
+  --btcpay-color-primary-accent:   #267861;
+  --btcpay-color-primary-alpha:    rgba(81, 173, 147, 0.25);
+  --btcpay-color-secondary:        var(--btcpay-color-neutral-600);
+  --btcpay-color-secondary-accent: var(--btcpay-color-neutral-800);
+  --btcpay-color-secondary-alpha:  rgba(130, 138, 145, 0.25);
+  --btcpay-color-success:          #329f80;
+  --btcpay-color-success-accent:   #1e7e34;
+  --btcpay-color-success-alpha:    rgba(72, 180, 97, 0.25);
+  --btcpay-color-info:             #17a2b8;
+  --btcpay-color-info-accent:      #117a8b;
+  --btcpay-color-info-alpha:       rgba(58, 176, 195, 0.25);
+  --btcpay-color-warning:          #ffc107;
+  --btcpay-color-warning-accent:   #d39e00;
+  --btcpay-color-warning-alpha:    rgba(2  22, 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-light:            var(--btcpay-color-neutral-100);
+  --btcpay-color-light-accent:     #dae0e5;
+  --btcpay-color-light-alpha:      rgba(216, 217, 219, 0.25);
+  --btcpay-color-dark:             #0F3B21;
+  --btcpay-color-dark-accent:      #05120a;
+  --btcpay-color-dark-alpha:       rgba(51, 88, 66, 0.25);
 
-  --btcpay-bg-body: var(--btcpay-color-gray-100);
-  --btcpay-bg-dark: var(--btcpay-accent-darkest);
+  --btcpay-bg-body: var(--btcpay-color-neutral-100);
+  --btcpay-bg-dark: var(--btcpay-color-dark);
+  --btcpay-bg-tile: var(--btcpay-color-white);
+  --btcpay-bg-cta:  var(--btcpay-bg-dark);
 
-  --btcpay-color-body: var(--btcpay-color-gray-900);
-  --btcpay-color-link: var(--btcpay-color-primary);
-  --btcpay-color-link-hover: var(--btcpay-color-primary-dark);
+  --btcpay-body-color: var(--btcpay-color-neutral-900);
+  --btcpay-body-color-link: var(--btcpay-color-primary);
+  --btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
 
   --btcpay-font-size-base: 14px;
   --btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   --btcpay-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 
 /* Bootstrap modifications */
 html {
diff --git a/BTCPayServer/wwwroot/css/themes/modern.css b/BTCPayServer/wwwroot/css/themes/modern.css
index e269aa816..457ffafa2 100644
--- a/BTCPayServer/wwwroot/css/themes/modern.css
+++ b/BTCPayServer/wwwroot/css/themes/modern.css
@@ -1,13 +1,4 @@
-/*
- * BTCPay variables as CSS custom properties.
- * -> These get used in the _variables.scss
- */
 :root {
-  --btcpay-accent-light: #CEDC21;
-  --btcpay-accent-medium: #51B13E;
-  --btcpay-accent-dark: #137547;
-  --btcpay-accent-darkest: #0F3B21;
-
   --btcpay-color-white:    #fff;
   --btcpay-color-black:    #000;
 
@@ -18,47 +9,50 @@
   --btcpay-color-neutral-500: #adb5bd;
   --btcpay-color-neutral-600: #536E8D;
   --btcpay-color-neutral-700: #465C76;
-  --btcpay-color-neutral-800: #343a40;
+  --btcpay-color-neutral-800: #244B71;
   --btcpay-color-neutral-900: #202C39;
 
-  --btcpay-color-primary:         #329f80;
-  --btcpay-color-primary-dark:    #267861;
-  --btcpay-color-primary-alpha:   rgba(81, 173, 147, 0.2);
-  --btcpay-color-secondary:       var(--btcpay-color-gray-600);
-  --btcpay-color-secondary-dark:  var(--btcpay-color-gray-800);
-  --btcpay-color-secondary-alpha: rgba(130, 138, 145, 0.25);
-  --btcpay-color-success:         #329f80;
-  --btcpay-color-success-dark:    #1e7e34;
-  --btcpay-color-success-alpha:   rgba(72, 180, 97, 0.25);
-  --btcpay-color-info:            #17a2b8;
-  --btcpay-color-info-dark:       #117a8b;
-  --btcpay-color-info-alpha:      rgba(58, 176, 195, 0.25);
-  --btcpay-color-warning:         #ffc107;
-  --btcpay-color-warning-dark:    #d39e00;
-  --btcpay-color-warning-alpha:   rgba(222, 170, 12, 0.25);
-  --btcpay-color-danger:          #dc3545;
-  --btcpay-color-danger-dark:     #bd2130;
-  --btcpay-color-danger-alpha:    rgba(225, 83, 97, 0.25);
-  --btcpay-color-light:           var(--btcpay-color-gray-100);
-  --btcpay-color-light-dark:      #dae0e5;
-  --btcpay-color-light-alpha:     rgba(216, 217, 219, 0.25);
-  --btcpay-color-dark:            var(--btcpay-color-neutral-900);
-  --btcpay-color-dark-dark:       #1d2124;
-  --btcpay-color-dark-alpha:      rgba(82, 88, 93, 0.25);
+  --btcpay-color-primary:          #329f80;
+  --btcpay-color-primary-accent:   #267861;
+  --btcpay-color-primary-alpha:    rgba(81, 173, 147, 0.2);
+  --btcpay-color-secondary:        var(--btcpay-color-neutral-600);
+  --btcpay-color-secondary-accent: var(--btcpay-color-neutral-800);
+  --btcpay-color-secondary-alpha:  rgba(130, 138, 145, 0.25);
+  --btcpay-color-success:          #329f80;
+  --btcpay-color-success-accent:   #1e7e34;
+  --btcpay-color-success-alpha:    rgba(72, 180, 97, 0.25);
+  --btcpay-color-info:             #17a2b8;
+  --btcpay-color-info-accent:      #117a8b;
+  --btcpay-color-info-alpha:       rgba(58, 176, 195, 0.25);
+  --btcpay-color-warning:          #ffc107;
+  --btcpay-color-warning-accent:   #d39e00;
+  --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-light:            var(--btcpay-color-neutral-100);
+  --btcpay-color-light-accent:     #dae0e5;
+  --btcpay-color-light-alpha:      rgba(216, 217, 219, 0.25);
+  --btcpay-color-dark:             var(--btcpay-color-neutral-900);
+  --btcpay-color-dark-accent:      #1d2124;
+  --btcpay-color-dark-alpha:       rgba(82, 88, 93, 0.25);
 
-  --btcpay-bg-body: var(--btcpay-color-gray-100);
+  --btcpay-bg-body: var(--btcpay-color-neutral-100);
   --btcpay-bg-dark: var(--btcpay-color-neutral-900);
+  --btcpay-bg-tile: var(--btcpay-color-white);
+  --btcpay-bg-cta: var(--btcpay-bg-dark);
 
-  --btcpay-color-body: var(--btcpay-color-gray-900);
-  --btcpay-color-link: var(--btcpay-color-primary);
-  --btcpay-color-link-hover: var(--btcpay-color-primary-dark);
+  --btcpay-body-color: var(--btcpay-color-neutral-900);
+  --btcpay-body-color-link: var(--btcpay-color-primary);
+  --btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
 
   --btcpay-section-heading-text-align: left;
 
   --btcpay-font-size-base: 16px;
   --btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
   --btcpay-font-family-base: -apple-system, 'Open Sans', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+  --btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 
 /* Bootstrap modifications */
 html {
diff --git a/BTCPayServer/wwwroot/img/github.svg b/BTCPayServer/wwwroot/img/github.svg
new file mode 100644
index 000000000..1bc79a499
--- /dev/null
+++ b/BTCPayServer/wwwroot/img/github.svg
@@ -0,0 +1,6 @@
+<svg width="121" height="119" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#161514" fill-rule="evenodd">
+    <path d="M.221 60.833c0 26.681 17.303 49.317 41.297 57.302 3.018.559 4.126-1.31 4.126-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.479-3.748.413-3.671.413-3.671 6.064.426 9.257 6.223 9.257 6.223 5.386 9.232 14.127 6.563 17.573 5.02.542-3.903 2.107-6.567 3.834-8.075-13.413-1.527-27.513-6.705-27.513-29.844 0-6.593 2.359-11.98 6.222-16.209-.627-1.521-2.694-7.663.585-15.981 0 0 5.071-1.623 16.611 6.19 4.817-1.338 9.983-2.009 15.115-2.032 5.132.023 10.302.694 15.128 2.032 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.318 1.219 14.46.592 15.981 3.872 4.229 6.215 9.616 6.215 16.209 0 23.194-14.127 28.301-27.574 29.796 2.166 1.874 4.096 5.549 4.096 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.087 3.49 4.148 2.897 23.981-7.994 41.262-30.622 41.262-57.294 0-33.352-27.037-60.388-60.387-60.388C27.262.445.221 27.481.221 60.833z"/>
+    <path d="M23.093 87.149c-.133.3-.605.39-1.035.184-.438-.197-.684-.606-.542-.907.13-.309.603-.395 1.04-.188.439.197.689.61.537.911M25.539 89.877c-.288.267-.851.143-1.233-.279-.395-.421-.469-.984-.177-1.255.297-.267.843-.142 1.239.279.395.426.472.985.171 1.255M27.92 93.355c-.37.257-.975.016-1.349-.521-.37-.537-.37-1.181.008-1.439.375-.258.971-.026 1.35.507.369.546.369 1.19-.009 1.453M31.182 96.715c-.331.365-1.036.267-1.552-.231-.528-.487-.675-1.178-.343-1.543.335-.366 1.044-.263 1.564.231.524.486.684 1.182.331 1.543M35.682 98.666c-.146.473-.825.688-1.509.487-.683-.207-1.13-.761-.992-1.239.142-.476.824-.7 1.513-.485.682.206 1.13.756.988 1.237M40.624 99.028c.017.498-.563.911-1.281.92-.722.016-1.306-.387-1.314-.877 0-.503.567-.912 1.289-.924.718-.014 1.306.386 1.306.881M45.223 98.245c.086.486-.413.985-1.126 1.118-.701.128-1.35-.172-1.439-.654-.087-.498.421-.997 1.121-1.126.714-.124 1.353.168 1.444.662"/>
+  </g>
+</svg>
diff --git a/BTCPayServer/wwwroot/img/logo.svg b/BTCPayServer/wwwroot/img/logo.svg
new file mode 100644
index 000000000..3b31879c2
--- /dev/null
+++ b/BTCPayServer/wwwroot/img/logo.svg
@@ -0,0 +1,10 @@
+<svg class="logo" viewBox="0 0 192 84" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M5.206 83.433a4.86 4.86 0 01-4.859-4.861V5.431a4.86 4.86 0 119.719 0v73.141a4.861 4.861 0 01-4.86 4.861" fill="#CEDC21" class="logo-brand-light"/>
+    <path d="M5.209 83.433a4.862 4.862 0 01-2.086-9.253L32.43 60.274 2.323 38.093a4.861 4.861 0 015.766-7.826l36.647 26.999a4.864 4.864 0 01-.799 8.306L7.289 82.964a4.866 4.866 0 01-2.08.469" fill="#51B13E" class="logo-brand-medium"/>
+    <path d="M5.211 54.684a4.86 4.86 0 01-2.887-8.774L32.43 23.73 3.123 9.821a4.861 4.861 0 014.166-8.784l36.648 17.394a4.86 4.86 0 01.799 8.305l-36.647 27a4.844 4.844 0 01-2.878.948" fill="#CEDC21" class="logo-brand-light"/>
+    <path d="M10.066 31.725v20.553L24.01 42.006z" fill="#1E7A44" class="logo-brand-dark"/>
+    <path d="M10.066 5.431A4.861 4.861 0 005.206.57 4.86 4.86 0 00.347 5.431v61.165h9.72V5.431h-.001z" fill="#CEDC21" class="logo-brand-light"/>
+    <path d="M74.355 41.412c3.114.884 4.84 3.704 4.84 7.238 0 5.513-3.368 8.082-7.955 8.082H60.761V27.271h9.259c4.504 0 7.997 2.146 7.997 7.743 0 2.821-1.179 5.43-3.662 6.398m-4.293-.716c3.324 0 6.018-1.179 6.018-5.724 0-4.586-2.776-5.808-6.145-5.808h-7.197v11.531h7.324v.001zm1.052 14.099c3.366 0 6.06-1.768 6.06-6.145 0-4.713-3.072-6.144-6.901-6.144h-7.534v12.288h8.375v.001zM98.893 27.271v1.81h-8.122v27.651h-1.979V29.081h-8.123v-1.81zM112.738 26.85c5.01 0 9.554 2.524 10.987 8.543h-1.895c-1.348-4.923-5.303-6.732-9.134-6.732-6.944 0-10.605 5.681-10.605 13.341 0 8.08 3.661 13.256 10.646 13.256 4.125 0 7.828-1.85 9.26-7.279h1.895c-1.264 6.271-6.229 9.174-11.154 9.174-7.87 0-12.583-5.808-12.583-15.15 0-8.966 4.969-15.153 12.583-15.153M138.709 27.271c5.091 0 8.795 3.326 8.795 9.764 0 6.06-3.704 9.722-8.795 9.722h-7.746v9.976h-1.935V27.271h9.681zm0 17.549c3.745 0 6.816-2.397 6.816-7.827 0-5.429-2.947-7.869-6.816-7.869h-7.746V44.82h7.746zM147.841 56.732v-.255l11.741-29.29h.885l11.615 29.29v.255h-2.062l-3.322-8.501H153.27l-3.324 8.501h-2.105zm12.164-26.052l-6.059 15.697h12.078l-6.019-15.697zM189.551 27.271h2.104v.293l-9.176 16.92v12.248h-2.02V44.484l-9.216-16.961v-.252h2.147l3.997 7.492 4.043 7.786h.04l4.081-7.786z" fill="#FFF" class="logo-brand-text"/>
+  </g>
+</svg>
diff --git a/BTCPayServer/wwwroot/img/mattermost.svg b/BTCPayServer/wwwroot/img/mattermost.svg
new file mode 100644
index 000000000..4f432bf3e
--- /dev/null
+++ b/BTCPayServer/wwwroot/img/mattermost.svg
@@ -0,0 +1,6 @@
+<svg width="206" height="206" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M163.012 19.596l1.082 21.794c17.667 19.519 24.641 47.161 15.846 73.14-13.129 38.782-56.419 59.169-96.693 45.535-40.272-13.633-62.278-56.124-49.15-94.905 8.825-26.066 31.275-43.822 57.276-48.524L105.422.038C61.592-1.15 20.242 26.056 5.448 69.76c-18.178 53.697 10.616 111.963 64.314 130.142 53.698 18.178 111.964-10.617 130.143-64.315 14.77-43.633-1.474-90.283-36.893-115.99"/>
+    <path d="M137.097 53.436l-.596-17.531-.404-15.189s.084-7.322-.17-9.043a2.776 2.776 0 00-.305-.914l-.05-.109-.06-.094a2.378 2.378 0 00-1.293-1.07 2.382 2.382 0 00-1.714.078l-.033.014-.18.092a2.821 2.821 0 00-.75.518c-1.25 1.212-5.63 7.08-5.63 7.08l-9.547 11.82-11.123 13.563-19.098 23.75s-8.763 10.938-6.827 24.4c1.937 13.464 11.946 20.022 19.71 22.65 7.765 2.63 19.7 3.5 29.417-6.019 9.716-9.518 9.397-23.53 9.397-23.53l-.744-30.466z"/>
+  </g>
+</svg>
diff --git a/BTCPayServer/wwwroot/img/paybutton/donateto.svg b/BTCPayServer/wwwroot/img/paybutton/donateto.svg
index 6d375bef6..07e791f52 100644
--- a/BTCPayServer/wwwroot/img/paybutton/donateto.svg
+++ b/BTCPayServer/wwwroot/img/paybutton/donateto.svg
@@ -1 +1,22 @@
-<svg enable-background="new 0 0 208 55" height="55" viewBox="0 0 208 55" width="208" xmlns="http://www.w3.org/2000/svg"><path d="m208 48c0 3.866-3.135 7-7 7h-194c-3.866 0-7-3.134-7-7v-41c0-3.866 3.134-7 7-7h194c3.865 0 7 3.134 7 7z" fill="#0f3723"/><g fill="#fff"><path d="m125.169 20.648c.519 0 1.017.051 1.495.153.479.103.898.276 1.261.522s.654.57.873.972c.22.402.329.903.329 1.503 0 .336-.052.664-.156.981-.104.318-.25.606-.439.864-.19.258-.415.477-.674.657-.26.18-.551.306-.873.378v.036c.793.108 1.428.447 1.899 1.017.474.57.708 1.275.708 2.115 0 .204-.017.436-.052.693s-.104.521-.207.792c-.104.271-.254.537-.45.801-.195.265-.458.495-.785.693-.328.198-.731.36-1.209.485-.479.127-1.052.189-1.72.189h-4.368v-12.851zm0 5.634c.472 0 .881-.057 1.228-.171.346-.114.633-.27.863-.468s.403-.429.518-.693.174-.546.174-.846c0-1.608-.928-2.412-2.782-2.412h-3.192v4.59zm0 6.174c.438 0 .853-.039 1.244-.117s.737-.219 1.037-.423c.299-.204.536-.477.708-.818.173-.343.259-.771.259-1.287 0-.828-.278-1.449-.838-1.863s-1.362-.621-2.41-.621h-3.192v5.13h3.192z"/><path d="m137.534 20.648v1.044h-3.167v11.808h-1.176v-11.808h-3.15v-1.044z"/><path d="m146.747 23.301c-.231-.381-.513-.7-.845-.958s-.697-.454-1.096-.589c-.4-.135-.82-.202-1.259-.202-.799 0-1.485.158-2.06.475-.574.316-1.045.736-1.41 1.257-.366.522-.637 1.111-.811 1.768-.176.657-.263 1.332-.263 2.023 0 .68.087 1.351.263 2.013.174.663.443 1.255.811 1.777.365.521.835.941 1.41 1.258.574.316 1.261.475 2.06.475.563 0 1.069-.104 1.521-.315.451-.212.838-.499 1.166-.862.326-.363.591-.789.793-1.275.203-.485.332-1.011.388-1.574h1.147c-.078.774-.252 1.473-.522 2.094-.271.622-.619 1.148-1.047 1.583-.427.435-.931.769-1.511 1.002s-1.225.353-1.934.353c-.945 0-1.775-.18-2.49-.537-.716-.358-1.31-.836-1.781-1.435-.473-.599-.828-1.29-1.064-2.075s-.354-1.613-.354-2.479c0-.868.117-1.694.354-2.48.236-.785.592-1.479 1.064-2.084.473-.604 1.065-1.084 1.781-1.442.715-.357 1.545-.537 2.49-.537.574 0 1.135.088 1.68.264s1.041.437 1.486.783c.444.346.816.771 1.114 1.275s.487 1.085.565 1.741h-1.147c-.101-.485-.267-.916-.499-1.297z"/><path d="m154.704 20.648c.553 0 1.054.081 1.503.243s.835.402 1.158.72c.322.318.57.705.742 1.161.174.456.26.972.26 1.548s-.086 1.943-.26 2.399c-.172.456-.42.843-.742 1.161s-.708.558-1.158.72-.95.243-1.503.243h-2.884v4.657h-1.176v-12.852zm-.259 7.151c.818 0 1.479-.216 1.986-.648.508-.432.762-1.943.762-2.831s-.254-1.548-.762-1.98c-.507-.432-1.168-.648-1.986-.648h-2.625v6.107z"/><path d="m164.361 20.648 4.84 12.852h-1.262l-1.504-3.996h-5.615l-1.486 3.996h-1.244l4.959-12.852zm1.677 7.812-2.384-6.588-2.473 6.588z"/><path d="m167.398 20.648h1.381l4.06 6.516 4.043-6.516h1.399l-4.872 7.56v5.292h-1.177v-5.292z"/><path d="m27.005 22.02c.782-.118 1.711-.207 2.729-.207 1.844 0 3.158.428 4.028 1.24.885.812 1.402 1.962 1.402 3.571 0 1.623-.502 2.951-1.432 3.866-.929.93-2.464 1.432-4.397 1.432-.915 0-1.682-.045-2.331-.118v-9.784zm1.284 8.793c.324.06.796.074 1.298.074 2.745 0 4.235-1.534 4.235-4.221.015-2.346-1.313-3.836-4.028-3.836-.664 0-1.166.059-1.505.133z"/><path d="m43.312 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.533 0-2.198 1.417-2.198 2.774z"/><path d="m44.953 26.623c0-.738-.015-1.343-.059-1.933h1.151l.074 1.181h.03c.354-.679 1.18-1.343 2.361-1.343.988 0 2.523.59 2.523 3.04v4.265h-1.298v-4.117c0-1.151-.428-2.11-1.653-2.11-.855 0-1.52.605-1.741 1.328-.059.163-.089.384-.089.605v4.294h-1.298v-5.21z"/><path d="m57.099 31.832-.104-.9h-.044c-.398.561-1.166 1.062-2.184 1.062-1.446 0-2.184-1.018-2.184-2.051 0-1.727 1.534-2.671 4.293-2.656v-.148c0-.59-.162-1.652-1.623-1.652-.664 0-1.357.207-1.859.531l-.294-.856c.59-.384 1.446-.634 2.346-.634 2.184 0 2.715 1.49 2.715 2.921v2.671c0 .62.03 1.225.118 1.712zm-.192-3.644c-1.417-.029-3.025.221-3.025 1.608 0 .841.561 1.239 1.225 1.239.93 0 1.52-.59 1.727-1.195.044-.133.074-.28.074-.413v-1.239z"/><path d="m61.764 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/><path d="m65.72 28.497c.029 1.756 1.151 2.479 2.449 2.479.93 0 1.49-.163 1.977-.369l.222.93c-.458.206-1.24.442-2.376.442-2.198 0-3.512-1.446-3.512-3.601s1.269-3.851 3.35-3.851c2.332 0 2.951 2.051 2.951 3.364 0 .266-.03.472-.044.605h-5.017zm3.806-.93c.015-.826-.339-2.11-1.8-2.11-1.313 0-1.889 1.209-1.992 2.11z"/><path d="m77.084 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/><path d="m86.78 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.534 0-2.198 1.417-2.198 2.774z"/></g><path d="m98.329 22.548v-8.32l10.112 4.812-7.447 5.435 3.511 2.537 8.67-6.263c.888-.685 1.47-1.238 1.421-2.137-.07-1.287-.923-1.772-1.695-2.081l-15.397-7.293s-1.7-.78-2.801.482c-.384.44-.453 1.765-.453 1.765v31.58h.029c-.036-1.295 1.166-1.9 1.166-1.9l2.884-1.372v-8.321z" fill="#cdd932"/><path d="m104.505 27.01-6.176-4.462v8.929z" fill="#1d7a44"/><path d="m113.176 33.271-8.67-6.262-3.511 2.536 7.446 5.435-10.111 4.813-2.884 1.372s-1.202.604-1.166 1.901c.009.324.093.688.294 1.101.745 1.521 2.93.615 2.93.615l15.398-7.292c.771-.309 1.625-.793 1.693-2.081.05-.899-.533-1.452-1.419-2.138z" fill="#51b13e"/></svg>
\ No newline at end of file
+<svg viewBox="0 0 208 55" width="208" xmlns="http://www.w3.org/2000/svg">
+    <path d="m208 48c0 3.866-3.135 7-7 7h-194c-3.866 0-7-3.134-7-7v-41c0-3.866 3.134-7 7-7h194c3.865 0 7 3.134 7 7z" fill="var(--btcpay-color-primary, #0f3723)"/>
+    <g fill="#fff">
+        <path d="m125.169 20.648c.519 0 1.017.051 1.495.153.479.103.898.276 1.261.522s.654.57.873.972c.22.402.329.903.329 1.503 0 .336-.052.664-.156.981-.104.318-.25.606-.439.864-.19.258-.415.477-.674.657-.26.18-.551.306-.873.378v.036c.793.108 1.428.447 1.899 1.017.474.57.708 1.275.708 2.115 0 .204-.017.436-.052.693s-.104.521-.207.792c-.104.271-.254.537-.45.801-.195.265-.458.495-.785.693-.328.198-.731.36-1.209.485-.479.127-1.052.189-1.72.189h-4.368v-12.851zm0 5.634c.472 0 .881-.057 1.228-.171.346-.114.633-.27.863-.468s.403-.429.518-.693.174-.546.174-.846c0-1.608-.928-2.412-2.782-2.412h-3.192v4.59zm0 6.174c.438 0 .853-.039 1.244-.117s.737-.219 1.037-.423c.299-.204.536-.477.708-.818.173-.343.259-.771.259-1.287 0-.828-.278-1.449-.838-1.863s-1.362-.621-2.41-.621h-3.192v5.13h3.192z"/>
+        <path d="m137.534 20.648v1.044h-3.167v11.808h-1.176v-11.808h-3.15v-1.044z"/>
+        <path d="m146.747 23.301c-.231-.381-.513-.7-.845-.958s-.697-.454-1.096-.589c-.4-.135-.82-.202-1.259-.202-.799 0-1.485.158-2.06.475-.574.316-1.045.736-1.41 1.257-.366.522-.637 1.111-.811 1.768-.176.657-.263 1.332-.263 2.023 0 .68.087 1.351.263 2.013.174.663.443 1.255.811 1.777.365.521.835.941 1.41 1.258.574.316 1.261.475 2.06.475.563 0 1.069-.104 1.521-.315.451-.212.838-.499 1.166-.862.326-.363.591-.789.793-1.275.203-.485.332-1.011.388-1.574h1.147c-.078.774-.252 1.473-.522 2.094-.271.622-.619 1.148-1.047 1.583-.427.435-.931.769-1.511 1.002s-1.225.353-1.934.353c-.945 0-1.775-.18-2.49-.537-.716-.358-1.31-.836-1.781-1.435-.473-.599-.828-1.29-1.064-2.075s-.354-1.613-.354-2.479c0-.868.117-1.694.354-2.48.236-.785.592-1.479 1.064-2.084.473-.604 1.065-1.084 1.781-1.442.715-.357 1.545-.537 2.49-.537.574 0 1.135.088 1.68.264s1.041.437 1.486.783c.444.346.816.771 1.114 1.275s.487 1.085.565 1.741h-1.147c-.101-.485-.267-.916-.499-1.297z"/>
+        <path d="m154.704 20.648c.553 0 1.054.081 1.503.243s.835.402 1.158.72c.322.318.57.705.742 1.161.174.456.26.972.26 1.548s-.086 1.943-.26 2.399c-.172.456-.42.843-.742 1.161s-.708.558-1.158.72-.95.243-1.503.243h-2.884v4.657h-1.176v-12.852zm-.259 7.151c.818 0 1.479-.216 1.986-.648.508-.432.762-1.943.762-2.831s-.254-1.548-.762-1.98c-.507-.432-1.168-.648-1.986-.648h-2.625v6.107z"/>
+        <path d="m164.361 20.648 4.84 12.852h-1.262l-1.504-3.996h-5.615l-1.486 3.996h-1.244l4.959-12.852zm1.677 7.812-2.384-6.588-2.473 6.588z"/>
+        <path d="m167.398 20.648h1.381l4.06 6.516 4.043-6.516h1.399l-4.872 7.56v5.292h-1.177v-5.292z"/>
+        <path d="m27.005 22.02c.782-.118 1.711-.207 2.729-.207 1.844 0 3.158.428 4.028 1.24.885.812 1.402 1.962 1.402 3.571 0 1.623-.502 2.951-1.432 3.866-.929.93-2.464 1.432-4.397 1.432-.915 0-1.682-.045-2.331-.118v-9.784zm1.284 8.793c.324.06.796.074 1.298.074 2.745 0 4.235-1.534 4.235-4.221.015-2.346-1.313-3.836-4.028-3.836-.664 0-1.166.059-1.505.133z"/>
+        <path d="m43.312 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.533 0-2.198 1.417-2.198 2.774z"/>
+        <path d="m44.953 26.623c0-.738-.015-1.343-.059-1.933h1.151l.074 1.181h.03c.354-.679 1.18-1.343 2.361-1.343.988 0 2.523.59 2.523 3.04v4.265h-1.298v-4.117c0-1.151-.428-2.11-1.653-2.11-.855 0-1.52.605-1.741 1.328-.059.163-.089.384-.089.605v4.294h-1.298v-5.21z"/>
+        <path d="m57.099 31.832-.104-.9h-.044c-.398.561-1.166 1.062-2.184 1.062-1.446 0-2.184-1.018-2.184-2.051 0-1.727 1.534-2.671 4.293-2.656v-.148c0-.59-.162-1.652-1.623-1.652-.664 0-1.357.207-1.859.531l-.294-.856c.59-.384 1.446-.634 2.346-.634 2.184 0 2.715 1.49 2.715 2.921v2.671c0 .62.03 1.225.118 1.712zm-.192-3.644c-1.417-.029-3.025.221-3.025 1.608 0 .841.561 1.239 1.225 1.239.93 0 1.52-.59 1.727-1.195.044-.133.074-.28.074-.413v-1.239z"/>
+        <path d="m61.764 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/>
+        <path d="m65.72 28.497c.029 1.756 1.151 2.479 2.449 2.479.93 0 1.49-.163 1.977-.369l.222.93c-.458.206-1.24.442-2.376.442-2.198 0-3.512-1.446-3.512-3.601s1.269-3.851 3.35-3.851c2.332 0 2.951 2.051 2.951 3.364 0 .266-.03.472-.044.605h-5.017zm3.806-.93c.015-.826-.339-2.11-1.8-2.11-1.313 0-1.889 1.209-1.992 2.11z"/>
+        <path d="m77.084 22.639v2.051h1.859v.989h-1.859v3.852c0 .886.251 1.387.974 1.387.339 0 .59-.044.752-.088l.059.974c-.251.104-.649.177-1.151.177-.605 0-1.092-.191-1.402-.546-.369-.384-.502-1.018-.502-1.859v-3.896h-1.106v-.99h1.106v-1.711z"/>
+        <path d="m86.78 28.202c0 2.642-1.83 3.792-3.556 3.792-1.933 0-3.423-1.416-3.423-3.674 0-2.391 1.564-3.792 3.542-3.792 2.05 0 3.437 1.49 3.437 3.674zm-5.666.073c0 1.564.9 2.745 2.169 2.745 1.239 0 2.169-1.166 2.169-2.774 0-1.21-.605-2.745-2.14-2.745-1.534 0-2.198 1.417-2.198 2.774z"/>
+    </g>
+    <path d="m98.329 22.548v-8.32l10.112 4.812-7.447 5.435 3.511 2.537 8.67-6.263c.888-.685 1.47-1.238 1.421-2.137-.07-1.287-.923-1.772-1.695-2.081l-15.397-7.293s-1.7-.78-2.801.482c-.384.44-.453 1.765-.453 1.765v31.58h.029c-.036-1.295 1.166-1.9 1.166-1.9l2.884-1.372v-8.321z" fill="#cdd932"/>
+    <path d="m104.505 27.01-6.176-4.462v8.929z" fill="#1d7a44"/>
+    <path d="m113.176 33.271-8.67-6.262-3.511 2.536 7.446 5.435-10.111 4.813-2.884 1.372s-1.202.604-1.166 1.901c.009.324.093.688.294 1.101.745 1.521 2.93.615 2.93.615l15.398-7.292c.771-.309 1.625-.793 1.693-2.081.05-.899-.533-1.452-1.419-2.138z" fill="#51b13e"/>
+</svg>
diff --git a/BTCPayServer/wwwroot/img/slack.svg b/BTCPayServer/wwwroot/img/slack.svg
new file mode 100644
index 000000000..7b451f830
--- /dev/null
+++ b/BTCPayServer/wwwroot/img/slack.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 54 54" xmlns="http://www.w3.org/2000/svg">
+    <g>
+        <path d="M19.712.133a5.381 5.381 0 0 0-5.376 5.387 5.381 5.381 0 0 0 5.376 5.386h5.376V5.52A5.381 5.381 0 0 0 19.712.133m0 14.365H5.376A5.381 5.381 0 0 0 0 19.884a5.381 5.381 0 0 0 5.376 5.387h14.336a5.381 5.381 0 0 0 5.376-5.387 5.381 5.381 0 0 0-5.376-5.386" fill="#36C5F0"></path>
+        <path d="M53.76 19.884a5.381 5.381 0 0 0-5.376-5.386 5.381 5.381 0 0 0-5.376 5.386v5.387h5.376a5.381 5.381 0 0 0 5.376-5.387m-14.336 0V5.52A5.381 5.381 0 0 0 34.048.133a5.381 5.381 0 0 0-5.376 5.387v14.364a5.381 5.381 0 0 0 5.376 5.387 5.381 5.381 0 0 0 5.376-5.387" fill="#2EB67D"></path>
+        <path d="M34.048 54a5.381 5.381 0 0 0 5.376-5.387 5.381 5.381 0 0 0-5.376-5.386h-5.376v5.386A5.381 5.381 0 0 0 34.048 54m0-14.365h14.336a5.381 5.381 0 0 0 5.376-5.386 5.381 5.381 0 0 0-5.376-5.387H34.048a5.381 5.381 0 0 0-5.376 5.387 5.381 5.381 0 0 0 5.376 5.386" fill="#ECB22E"></path>
+        <path d="M0 34.249a5.381 5.381 0 0 0 5.376 5.386 5.381 5.381 0 0 0 5.376-5.386v-5.387H5.376A5.381 5.381 0 0 0 0 34.25m14.336-.001v14.364A5.381 5.381 0 0 0 19.712 54a5.381 5.381 0 0 0 5.376-5.387V34.25a5.381 5.381 0 0 0-5.376-5.387 5.381 5.381 0 0 0-5.376 5.387" fill="#E01E5A"></path>
+    </g>
+</svg>
diff --git a/BTCPayServer/wwwroot/img/twitter.svg b/BTCPayServer/wwwroot/img/twitter.svg
new file mode 100644
index 000000000..1f907c42e
--- /dev/null
+++ b/BTCPayServer/wwwroot/img/twitter.svg
@@ -0,0 +1,3 @@
+<svg width="250" height="204" xmlns="http://www.w3.org/2000/svg">
+  <path d="M78.62 203.59c94.34 0 145.94-78.16 145.94-145.94 0-2.22 0-4.43-.15-6.63A104.36 104.36 0 00250 24.47a102.38 102.38 0 01-29.46 8.07 51.47 51.47 0 0022.55-28.37 102.79 102.79 0 01-32.57 12.45C194.62-.286 169.357-4.424 148.895 6.527c-20.461 10.95-31.032 34.266-25.785 56.873A145.62 145.62 0 0117.4 9.81C3.786 33.246 10.74 63.229 33.28 78.28A50.91 50.91 0 0110 71.86v.65c.007 24.416 17.218 45.445 41.15 50.28a51.21 51.21 0 01-23.16.88c6.72 20.894 25.976 35.208 47.92 35.62a102.92 102.92 0 01-63.7 22A104.41 104.41 0 010 180.55a145.21 145.21 0 0078.62 23" fill="#1DA1F2" fill-rule="nonzero"/>
+</svg>