heierbtc/lnbits
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove theme settings on satspay invoice page and default to blue theme to allow users to skin satspay invoice page more easily

Browse Source
This commit is contained in:
Black Coffee 2022-10-25 11:28:49 +01:00 committed by dni ⚡
parent 7bc660ea09
commit 29a503a0eb
2 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
lnbits/extensions/satspay/templates/satspay/display.html
View File

@ -303,6 +303,11 @@
rel="stylesheet" rel="stylesheet"
type="text/css" type="text/css"
/> />
<style>
header button.q-btn-dropdown {
display: none;
}
</style>
{% endblock %} {% block scripts %} {% endblock %} {% block scripts %}
<script src="https://mempool.space/mempool.js"></script> <script src="https://mempool.space/mempool.js"></script>
@ -456,6 +461,10 @@
created: async function () { created: async function () {
await this.getCustomCss() await this.getCustomCss()
if (this.charge.payment_request) this.payInvoice() if (this.charge.payment_request) this.payInvoice()
// Remove a user defined theme
document.body.setAttribute('data-theme', '')
if (this.charge.lnbitswallet) this.payInvoice()
else this.payOnchain() else this.payOnchain()
await this.checkBalances() await this.checkBalances()

20
lnbits/static/scss/base.scss
View File

@ -7,7 +7,7 @@ $colors in $themes {
[data-theme='#{$theme}'] .q-drawer--dark, [data-theme='#{$theme}'] .q-drawer--dark,
body[data-theme='#{$theme}'].body--dark, body[data-theme='#{$theme}'].body--dark,
[data-theme='#{$theme}'] .q-menu--dark { [data-theme='#{$theme}'] .q-menu--dark {
background: $color !important; background: $color;
} }
/* IF WANTING TO SET A DARKER BG COLOR IN THE FUTURE /* IF WANTING TO SET A DARKER BG COLOR IN THE FUTURE
// set a darker body bg for all themes, when in "dark mode" // set a darker body bg for all themes, when in "dark mode"
@ -19,7 +19,7 @@ $colors in $themes {
@if $name=='info' { @if $name=='info' {
[data-theme='#{$theme}'] .q-card--dark, [data-theme='#{$theme}'] .q-card--dark,
[data-theme='#{$theme}'] .q-stepper--dark { [data-theme='#{$theme}'] .q-stepper--dark {
background: $color !important; background: $color;
} }
} }
} }
@ -27,37 +27,37 @@ $colors in $themes {
@each $name, @each $name,
$color in $colors { $color in $colors {
.bg-#{$name} { .bg-#{$name} {
background: $color !important; background: $color;
} }
.text-#{$name} { .text-#{$name} {
color: $color !important; color: $color;
} }
} }
} }
} }
[data-theme='freedom'] .q-drawer--dark { [data-theme='freedom'] .q-drawer--dark {
background: #0a0a0a !important; background: #0a0a0a;
} }
[data-theme='freedom'] .q-header { [data-theme='freedom'] .q-header {
background: #0a0a0a !important; background: #0a0a0a;
} }
[data-theme='salvador'] .q-drawer--dark { [data-theme='salvador'] .q-drawer--dark {
background: #242424 !important; background: #242424;
} }
[data-theme='salvador'] .q-header { [data-theme='salvador'] .q-header {
background: #0f47af !important; background: #0f47af;
} }
[data-theme='flamingo'] .q-drawer--dark { [data-theme='flamingo'] .q-drawer--dark {
background: #e75480 !important; background: #e75480;
} }
[data-theme='flamingo'] .q-header { [data-theme='flamingo'] .q-header {
background: #e75480 !important; background: #e75480;
} }
[v-cloak] { [v-cloak] {