mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-01-19 05:33:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Casa theme draft

Browse Source
This commit is contained in:
Dennis Reimann 2019-11-02 16:57:53 +01:00
parent 205fd3c9ce
commit 5bb6918465
No known key found for this signature in database
GPG Key ID: 5009E1797F03F8D0
17 changed files with 519 additions and 321 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
View File

@ -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>

77
BTCPayServer/Views/Home/Home.cshtml
View File

@ -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>

1
BTCPayServer/Views/Server/Theme.cshtml
View File

@ -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>

5
BTCPayServer/Views/Shared/_Layout.cshtml
View File

@ -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>
}

38
BTCPayServer/wwwroot/cart/js/cart.js
View File

@ -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();
});
}

244
BTCPayServer/wwwroot/css/bootstrap.css vendored
View File

@ -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; }

52
BTCPayServer/wwwroot/css/creative.css
View File

@ -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;

68
BTCPayServer/wwwroot/css/site.css
View File

@ -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;

103
BTCPayServer/wwwroot/css/themes/casa.css Normal file
View File

@ -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;
}

74
BTCPayServer/wwwroot/css/themes/classic.css
View File

@ -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 {

72
BTCPayServer/wwwroot/css/themes/modern.css
View File

@ -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 {

6
BTCPayServer/wwwroot/img/github.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

10
BTCPayServer/wwwroot/img/logo.svg Normal file
View File

@ -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>

6
BTCPayServer/wwwroot/img/mattermost.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 916 B

23
BTCPayServer/wwwroot/img/paybutton/donateto.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

8
BTCPayServer/wwwroot/img/slack.svg Normal file
View File

@ -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>

3
BTCPayServer/wwwroot/img/twitter.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 671 B