diff --git a/BTCPayServer/Views/Account/Login.cshtml b/BTCPayServer/Views/Account/Login.cshtml index 5735baa87..1c04ea823 100644 --- a/BTCPayServer/Views/Account/Login.cshtml +++ b/BTCPayServer/Views/Account/Login.cshtml @@ -29,13 +29,6 @@ + + @if (env.OnionUrl != null) + { +
+ + + Copy Tor URL + +
+ } diff --git a/BTCPayServer/Views/Account/Register.cshtml b/BTCPayServer/Views/Account/Register.cshtml index d3b59fd8b..9c337d472 100644 --- a/BTCPayServer/Views/Account/Register.cshtml +++ b/BTCPayServer/Views/Account/Register.cshtml @@ -29,13 +29,6 @@ + + @if (env.OnionUrl != null) + { +
+ + + Copy Tor URL + +
+ } diff --git a/BTCPayServer/Views/Error/404.cshtml b/BTCPayServer/Views/Error/404.cshtml index 0add18d44..0cdfd2fb5 100644 --- a/BTCPayServer/Views/Error/404.cshtml +++ b/BTCPayServer/Views/Error/404.cshtml @@ -2,7 +2,7 @@ ViewData["Headline"] = "404 - Page not found"; } -

+

This is like searching for a person more beautiful than Nicolas Dorier.

diff --git a/BTCPayServer/Views/Error/429.cshtml b/BTCPayServer/Views/Error/429.cshtml index 891d88148..6d412ce5c 100644 --- a/BTCPayServer/Views/Error/429.cshtml +++ b/BTCPayServer/Views/Error/429.cshtml @@ -2,7 +2,7 @@ ViewData["Headline"] = "429 - Too Many Requests"; } -

+

Please send requests slower. Or face the wrath of Vin Diesel.

diff --git a/BTCPayServer/Views/Error/500.cshtml b/BTCPayServer/Views/Error/500.cshtml index 1c4297aeb..d00e2a409 100644 --- a/BTCPayServer/Views/Error/500.cshtml +++ b/BTCPayServer/Views/Error/500.cshtml @@ -2,7 +2,7 @@ ViewData["Headline"] = "500 - Internal Server Error"; } -

+

Whoops, something really went wrong! Mr Kukks is so sorry.

diff --git a/BTCPayServer/Views/Error/Handle.cshtml b/BTCPayServer/Views/Error/Handle.cshtml index 025a25d5f..7d6759459 100644 --- a/BTCPayServer/Views/Error/Handle.cshtml +++ b/BTCPayServer/Views/Error/Handle.cshtml @@ -9,7 +9,7 @@ } } -

+

Generic error occurred, HTTP Code: @Model

Consult server log for more details. diff --git a/BTCPayServer/Views/Shared/_LayoutSimple.cshtml b/BTCPayServer/Views/Shared/_LayoutSimple.cshtml index 3236a604b..dde4b7572 100644 --- a/BTCPayServer/Views/Shared/_LayoutSimple.cshtml +++ b/BTCPayServer/Views/Shared/_LayoutSimple.cshtml @@ -43,6 +43,7 @@ font-size: 16px; line-height: 1.8; letter-spacing: 0.1em; + text-align: center; } @@media screen and (min-width: 768px) { @@ -51,7 +52,6 @@ } .col-head { - text-align: left; flex-direction: row; } diff --git a/BTCPayServer/wwwroot/img/icons/onion-purple.svg b/BTCPayServer/wwwroot/img/icons/onion-purple.svg new file mode 100644 index 000000000..4fb6cee3d --- /dev/null +++ b/BTCPayServer/wwwroot/img/icons/onion-purple.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/BTCPayServer/wwwroot/main/site.css b/BTCPayServer/wwwroot/main/site.css index 84e9933c5..a947cb986 100644 --- a/BTCPayServer/wwwroot/main/site.css +++ b/BTCPayServer/wwwroot/main/site.css @@ -195,15 +195,31 @@ pre { background: none; } -.btn-onion { - color: #fff; - background-color: #59316B; - border-color: #59316B; +.btn-outline-onion { + color: #7D4698; + background-image: none; + background-color: transparent; + border-color: #e6d5ee; } -.btn-onion:focus, -.btn-onion.focus { - box-shadow: 0 0 0 0.2rem #9065a1; +.btn-outline-onion:hover { + color: #fff; + background-color: #7D4698; + border-color: #7D4698; +} + +.btn-outline-onion:focus, +.btn-outline-onion.focus { + color: #fff; + background-color: #7D4698; + border-color: #7D4698; + box-shadow: 0 0 0 0.2rem #e6d5ee; +} + +.btn-outline-onion:hover img, +.btn-outline-onion:focus img, +.btn-outline-onion.focus img { + filter: contrast(0) brightness(200%); } [class*="field-validation"]:not(:empty) { diff --git a/BTCPayServer/wwwroot/main/themes/default-dark.css b/BTCPayServer/wwwroot/main/themes/default-dark.css index d6bf6fb11..a5a49cd90 100644 --- a/BTCPayServer/wwwroot/main/themes/default-dark.css +++ b/BTCPayServer/wwwroot/main/themes/default-dark.css @@ -39,6 +39,15 @@ filter: none; } +.btn-outline-onion { + color: #e6d5ee !important; + border-color: #59316B !important; +} + +.btn-outline-onion img { + filter: contrast(0) brightness(200%) !important; +} + .list-group-item-action, .list-group-item-action:hover { color: var(--btcpay-body-color);