aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #237 from lnbits/colours

Browse source 
Color themes
This commit is contained in:
Arc 2021-06-30 13:52:38 +01:00 • committed by GitHub
commit ca49253d90
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
34 changed files with 271 additions and 142 deletions
Download patch file Download diff file Expand all files Collapse all files

6
.env.example
View file

@ -5,7 +5,7 @@ QUART_DEBUG=true
HOST=127.0.0.1 HOST=127.0.0.1
PORT=5000 PORT=5000
LNBITS_SITE_TITLE=LNbits
LNBITS_ALLOWED_USERS="" LNBITS_ALLOWED_USERS=""
LNBITS_DEFAULT_WALLET_NAME="LNbits wallet" LNBITS_DEFAULT_WALLET_NAME="LNbits wallet"
LNBITS_DATA_FOLDER="./data" LNBITS_DATA_FOLDER="./data"
@ -13,6 +13,10 @@ LNBITS_DISABLED_EXTENSIONS="amilk"
LNBITS_FORCE_HTTPS=true LNBITS_FORCE_HTTPS=true
LNBITS_SERVICE_FEE="0.0" LNBITS_SERVICE_FEE="0.0"
# Change theme
LNBITS_SITE_TITLE=LNbits
LNBITS_THEME_OPTIONS="classic,green,orange"
# Choose from LNPayWallet, OpenNodeWallet, LntxbotWallet, LndWallet (gRPC), # Choose from LNPayWallet, OpenNodeWallet, LntxbotWallet, LndWallet (gRPC),
# LndRestWallet, CLightningWallet, LNbitsWallet, SparkWallet # LndRestWallet, CLightningWallet, LNbitsWallet, SparkWallet
LNBITS_BACKEND_WALLET_CLASS=VoidWallet LNBITS_BACKEND_WALLET_CLASS=VoidWallet

4
lnbits/core/templates/core/extensions.html
View file

@ -24,7 +24,7 @@
<div v-if="extension.isEnabled"> <div v-if="extension.isEnabled">
<q-btn <q-btn
flat flat
color="deep-purple" color="primary"
type="a" type="a"
:href="[extension.url, '?usr=', g.user.id].join('')" :href="[extension.url, '?usr=', g.user.id].join('')"
>Open</q-btn >Open</q-btn
@ -41,7 +41,7 @@
<q-btn <q-btn
v-else v-else
flat flat
color="deep-purple" color="primary"
type="a" type="a"
:href="['{{ url_for('core.extensions') }}', '?usr=', g.user.id, '&enable=', extension.code].join('')" :href="['{{ url_for('core.extensions') }}', '?usr=', g.user.id, '&enable=', extension.code].join('')"
> >

11
lnbits/core/templates/core/index.html
View file

@ -8,7 +8,7 @@
{% if lnurl %} {% if lnurl %}
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
@click="processing" @click="processing"
type="a" type="a"
href="{{ url_for('core.lnurlwallet', lightning=lnurl) }}" href="{{ url_for('core.lnurlwallet', lightning=lnurl) }}"
@ -25,7 +25,7 @@
></q-input> ></q-input>
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="walletName == ''" :disable="walletName == ''"
type="submit" type="submit"
>Add a new wallet</q-btn >Add a new wallet</q-btn
@ -88,7 +88,12 @@
<div class="col-12 col-md-3 col-lg-3"> <div class="col-12 col-md-3 col-lg-3">
<div class="row q-col-gutter-lg justify-center"> <div class="row q-col-gutter-lg justify-center">
<div class="col-6 col-sm-4 col-md-8 q-gutter-y-sm"> <div class="col-6 col-sm-4 col-md-8 q-gutter-y-sm">
<q-btn flat color="purple" label="Runs on" class="full-width"></q-btn> <q-btn
flat
color="secondary"
label="Runs on"
class="full-width"
></q-btn>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<a href="https://github.com/ElementsProject/lightning"> <a href="https://github.com/ElementsProject/lightning">

20
lnbits/core/templates/core/wallet.html
View file

@ -22,7 +22,7 @@
<div class="col"> <div class="col">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
class="full-width" class="full-width"
@click="showParseDialog" @click="showParseDialog"
>Paste Request</q-btn >Paste Request</q-btn
@ -31,7 +31,7 @@
<div class="col"> <div class="col">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
class="full-width" class="full-width"
@click="showReceiveDialog" @click="showReceiveDialog"
>Create Invoice</q-btn >Create Invoice</q-btn
@ -40,7 +40,7 @@
<div class="col"> <div class="col">
<q-btn <q-btn
unelevated unelevated
color="purple" color="secondary"
icon="photo_camera" icon="photo_camera"
@click="showCamera" @click="showCamera"
>scan >scan
@ -342,7 +342,7 @@
<div v-if="receive.status == 'pending'" class="row q-mt-lg"> <div v-if="receive.status == 'pending'" class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="receive.data.memo == null || receive.data.amount == null || receive.data.amount <= 0" :disable="receive.data.memo == null || receive.data.amount == null || receive.data.amount <= 0"
type="submit" type="submit"
> >
@ -355,7 +355,7 @@
</div> </div>
<q-spinner <q-spinner
v-if="receive.status == 'loading'" v-if="receive.status == 'loading'"
color="deep-purple" color="primary"
size="2.55em" size="2.55em"
></q-spinner> ></q-spinner>
</q-form> </q-form>
@ -395,7 +395,7 @@
</p> </p>
{% endraw %} {% endraw %}
<div v-if="canPay" class="row q-mt-lg"> <div v-if="canPay" class="row q-mt-lg">
<q-btn unelevated color="deep-purple" @click="payInvoice">Pay</q-btn> <q-btn unelevated color="primary" @click="payInvoice">Pay</q-btn>
<q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn> <q-btn v-close-popup flat color="grey" class="q-ml-auto">Cancel</q-btn>
</div> </div>
<div v-else class="row q-mt-lg"> <div v-else class="row q-mt-lg">
@ -423,7 +423,7 @@
<code class="text-wrap"> {{ parse.lnurlauth.pubkey }} </code> <code class="text-wrap"> {{ parse.lnurlauth.pubkey }} </code>
</p> </p>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn unelevated color="deep-purple" type="submit">Login</q-btn> <q-btn unelevated color="primary" type="submit">Login</q-btn>
<q-btn v-close-popup flat color="grey" class="q-ml-auto" <q-btn v-close-popup flat color="grey" class="q-ml-auto"
>Cancel</q-btn >Cancel</q-btn
> >
@ -485,9 +485,7 @@
</div> </div>
</div> </div>
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn unelevated color="deep-purple" type="submit" <q-btn unelevated color="primary" type="submit">Send satoshis</q-btn>
>Send satoshis</q-btn
>
<q-btn v-close-popup flat color="grey" class="q-ml-auto" <q-btn v-close-popup flat color="grey" class="q-ml-auto"
>Cancel</q-btn >Cancel</q-btn
> >
@ -512,7 +510,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="parse.data.request == ''" :disable="parse.data.request == ''"
type="submit" type="submit"
>Read</q-btn >Read</q-btn

4
lnbits/extensions/amilk/templates/amilk/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="amilkDialog.show = true" <q-btn unelevated color="primary" @click="amilkDialog.show = true"
>New AMilk</q-btn >New AMilk</q-btn
> >
</q-card-section> </q-card-section>
@ -109,7 +109,7 @@
></q-input> ></q-input>
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="amilkDialog.data.amount == null || amilkDialog.data.amount < 0 || amilkDialog.data.lnurl == null" :disable="amilkDialog.data.amount == null || amilkDialog.data.amount < 0 || amilkDialog.data.lnurl == null"
type="submit" type="submit"
>Create amilk</q-btn >Create amilk</q-btn

6
lnbits/extensions/bleskomat/templates/bleskomat/index.html
View file

@ -11,7 +11,7 @@
<div class="col-12 col-md-7 q-gutter-y-md"> <div class="col-12 col-md-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>Add Bleskomat</q-btn >Add Bleskomat</q-btn
> >
</q-card-section> </q-card-section>
@ -150,14 +150,14 @@
<q-btn <q-btn
v-if="formDialog.data.id" v-if="formDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Bleskomat</q-btn >Update Bleskomat</q-btn
> >
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialog.data.wallet == null || formDialog.data.wallet == null ||
formDialog.data.name == null || formDialog.data.name == null ||

2
lnbits/extensions/captcha/templates/captcha/display.html
View file

@ -24,7 +24,7 @@
dense dense
flat flat
icon="check" icon="check"
color="deep-purple" color="primary"
type="submit" type="submit"
@click="createInvoice" @click="createInvoice"
:disabled="userAmount < captchaAmount || paymentReq" :disabled="userAmount < captchaAmount || paymentReq"

6
lnbits/extensions/captcha/templates/captcha/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New captcha</q-btn >New captcha</q-btn
> >
</q-card-section> </q-card-section>
@ -141,7 +141,7 @@
<q-item-section avatar> <q-item-section avatar>
<q-checkbox <q-checkbox
v-model="formDialog.data.remembers" v-model="formDialog.data.remembers"
color="deep-purple" color="primary"
></q-checkbox> ></q-checkbox>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
@ -157,7 +157,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.amount == null || formDialog.data.amount < 0 || formDialog.data.memo == null" :disable="formDialog.data.amount == null || formDialog.data.amount < 0 || formDialog.data.memo == null"
type="submit" type="submit"
>Create captcha</q-btn >Create captcha</q-btn

9
lnbits/extensions/copilot/templates/copilot/index.html
View file

@ -5,10 +5,7 @@
<q-card> <q-card>
<q-card-section> <q-card-section>
{% raw %} {% raw %}
<q-btn <q-btn unelevated color="primary" @click="formDialogCopilot.show = true"
unelevated
color="deep-purple"
@click="formDialogCopilot.show = true"
>New copilot instance >New copilot instance
</q-btn> </q-btn>
</q-card-section> </q-card-section>
@ -357,7 +354,7 @@
<q-btn <q-btn
v-if="formDialogCopilot.data.id" v-if="formDialogCopilot.data.id"
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialogCopilot.data.title == ''" formDialogCopilot.data.title == ''"
type="submit" type="submit"
@ -366,7 +363,7 @@
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialogCopilot.data.title == ''" formDialogCopilot.data.title == ''"
type="submit" type="submit"

12
lnbits/extensions/diagonalley/templates/diagonalley/index.html
View file

@ -4,10 +4,10 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="productDialog.show = true" <q-btn unelevated color="primary" @click="productDialog.show = true"
>New Product</q-btn >New Product</q-btn
> >
<q-btn unelevated color="deep-purple" @click="indexerDialog.show = true" <q-btn unelevated color="primary" @click="indexerDialog.show = true"
>New Indexer >New Indexer
<q-tooltip> <q-tooltip>
Frontend shop your stall will list its products in Frontend shop your stall will list its products in
@ -282,7 +282,7 @@
<q-btn <q-btn
v-if="productDialog.data.id" v-if="productDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Product</q-btn >Update Product</q-btn
> >
@ -290,7 +290,7 @@
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable="productDialog.data.image == null :disable="productDialog.data.image == null
|| productDialog.data.product == null || productDialog.data.product == null
|| productDialog.data.description == null || productDialog.data.description == null
@ -374,7 +374,7 @@
<q-btn <q-btn
v-if="indexerDialog.data.id" v-if="indexerDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Indexer</q-btn >Update Indexer</q-btn
> >
@ -382,7 +382,7 @@
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable="indexerDialog.data.shopname == null :disable="indexerDialog.data.shopname == null
|| indexerDialog.data.shippingzone1 == null || indexerDialog.data.shippingzone1 == null
|| indexerDialog.data.indexeraddress == null || indexerDialog.data.indexeraddress == null

4
lnbits/extensions/events/templates/events/display.html
View file

@ -26,7 +26,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.name == '' || formDialog.data.email == '' || paymentReq" :disable="formDialog.data.name == '' || formDialog.data.email == '' || paymentReq"
type="submit" type="submit"
>Submit</q-btn >Submit</q-btn
@ -46,7 +46,7 @@
size="xl" size="xl"
:href="ticketLink.data.link" :href="ticketLink.data.link"
target="_blank" target="_blank"
color="deep-purple" color="primary"
type="a" type="a"
>Link to your ticket!</q-btn >Link to your ticket!</q-btn
> >

6
lnbits/extensions/events/templates/events/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New Event</q-btn >New Event</q-btn
> >
</q-card-section> </q-card-section>
@ -267,14 +267,14 @@
<q-btn <q-btn
v-if="formDialog.data.id" v-if="formDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Event</q-btn >Update Event</q-btn
> >
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.wallet == null || formDialog.data.name == null || formDialog.data.info == null || formDialog.data.closing_date == null || formDialog.data.event_start_date == null || formDialog.data.event_end_date == null || formDialog.data.amount_tickets == null || formDialog.data.price_per_ticket == null" :disable="formDialog.data.wallet == null || formDialog.data.name == null || formDialog.data.info == null || formDialog.data.closing_date == null || formDialog.data.event_start_date == null || formDialog.data.event_end_date == null || formDialog.data.amount_tickets == null || formDialog.data.price_per_ticket == null"
type="submit" type="submit"
>Create Event</q-btn >Create Event</q-btn

2
lnbits/extensions/events/templates/events/register.html
View file

@ -10,7 +10,7 @@
<br /> <br />
<q-btn unelevated color="deep-purple" @click="showCamera" size="xl" <q-btn unelevated color="primary" @click="showCamera" size="xl"
>Scan ticket</q-btn >Scan ticket</q-btn
> >
</center> </center>

34
lnbits/extensions/jukebox/templates/jukebox/index.html
View file

@ -6,7 +6,7 @@
<q-card-section> <q-card-section>
<q-btn <q-btn
unelevated unelevated
color="green-7" color="primary"
class="q-ma-lg" class="q-ma-lg"
@click="openNewDialog()" @click="openNewDialog()"
>Add Spotify Jukebox</q-btn >Add Spotify Jukebox</q-btn
@ -108,8 +108,8 @@
<q-card class="q-pa-md q-pt-lg q-mt-md" style="width: 100%"> <q-card class="q-pa-md q-pt-lg q-mt-md" style="width: 100%">
<q-stepper <q-stepper
v-model="step" v-model="step"
active-color="green-7" active-color="primary"
inactive-color="green-10" inactive-color="secondary"
vertical vertical
animated animated
> >
@ -149,15 +149,15 @@
<div class="col-4"> <div class="col-4">
<q-btn <q-btn
v-if="jukeboxDialog.data.title != null && jukeboxDialog.data.price != null && jukeboxDialog.data.wallet != null" v-if="jukeboxDialog.data.title != null && jukeboxDialog.data.price != null && jukeboxDialog.data.wallet != null"
color="green-7" color="primary"
@click="step = 2" @click="step = 2"
>Continue</q-btn >Continue</q-btn
> >
<q-btn v-else color="green-7" disable>Continue</q-btn> <q-btn v-else color="primary" disable>Continue</q-btn>
</div> </div>
<div class="col-8"> <div class="col-8">
<q-btn <q-btn
color="green-7" color="primary"
class="float-right" class="float-right"
@click="closeFormDialog" @click="closeFormDialog"
>Cancel</q-btn >Cancel</q-btn
@ -208,17 +208,17 @@
<div class="col-4"> <div class="col-4">
<q-btn <q-btn
v-if="jukeboxDialog.data.sp_secret != null && jukeboxDialog.data.sp_user != null && tokenFetched" v-if="jukeboxDialog.data.sp_secret != null && jukeboxDialog.data.sp_user != null && tokenFetched"
color="green-7" color="primary"
@click="submitSpotifyKeys" @click="submitSpotifyKeys"
>Submit keys</q-btn >Submit keys</q-btn
> >
<q-btn v-else color="green-7" disable color="green-7" <q-btn v-else color="primary" disable color="primary"
>Submit keys</q-btn >Submit keys</q-btn
> >
</div> </div>
<div class="col-8"> <div class="col-8">
<q-btn <q-btn
color="green-7" color="primary"
class="float-right" class="float-right"
@click="closeFormDialog" @click="closeFormDialog"
>Cancel</q-btn >Cancel</q-btn
@ -237,7 +237,7 @@
dense dense
outline outline
unelevated unelevated
color="green-7" color="primary"
size="xs" size="xs"
@click="copyText(locationcb + jukeboxDialog.data.sp_id, 'Link copied to clipboard!')" @click="copyText(locationcb + jukeboxDialog.data.sp_id, 'Link copied to clipboard!')"
>{% raw %}{{ locationcb }}{{ jukeboxDialog.data.sp_id }}{% endraw >{% raw %}{{ locationcb }}{{ jukeboxDialog.data.sp_id }}{% endraw
@ -256,17 +256,17 @@
<div class="col-4"> <div class="col-4">
<q-btn <q-btn
v-if="jukeboxDialog.data.sp_secret != null && jukeboxDialog.data.sp_user != null && tokenFetched" v-if="jukeboxDialog.data.sp_secret != null && jukeboxDialog.data.sp_user != null && tokenFetched"
color="green-7" color="primary"
@click="authAccess" @click="authAccess"
>Authorise access</q-btn >Authorise access</q-btn
> >
<q-btn v-else color="green-7" disable color="green-7" <q-btn v-else color="primary" disable color="primary"
>Authorise access</q-btn >Authorise access</q-btn
> >
</div> </div>
<div class="col-8"> <div class="col-8">
<q-btn <q-btn
color="green-7" color="primary"
class="float-right" class="float-right"
@click="closeFormDialog" @click="closeFormDialog"
>Cancel</q-btn >Cancel</q-btn
@ -281,7 +281,7 @@
:name="4" :name="4"
title="Select playlists" title="Select playlists"
icon="queue_music" icon="queue_music"
active-color="green-8" active-color="primary"
:done="step > 4" :done="step > 4"
> >
<q-select <q-select
@ -307,15 +307,15 @@
<div class="col-5"> <div class="col-5">
<q-btn <q-btn
v-if="jukeboxDialog.data.sp_device != null && jukeboxDialog.data.sp_playlists != null" v-if="jukeboxDialog.data.sp_device != null && jukeboxDialog.data.sp_playlists != null"
color="green-7" color="primary"
@click="createJukebox" @click="createJukebox"
>Create Jukebox</q-btn >Create Jukebox</q-btn
> >
<q-btn v-else color="green-7" disable>Create Jukebox</q-btn> <q-btn v-else color="primary" disable>Create Jukebox</q-btn>
</div> </div>
<div class="col-7"> <div class="col-7">
<q-btn <q-btn
color="green-7" color="primary"
class="float-right" class="float-right"
@click="closeFormDialog" @click="closeFormDialog"
>Cancel</q-btn >Cancel</q-btn

8
lnbits/extensions/livestream/templates/livestream/index.html
View file

@ -26,7 +26,7 @@
</div> </div>
<div class="col"> <div class="col">
{% raw %} {% raw %}
<q-btn unelevated color="deep-purple" type="submit"> <q-btn unelevated color="primary" type="submit">
{{ nextCurrentTrack && nextCurrentTrack === {{ nextCurrentTrack && nextCurrentTrack ===
livestream.current_track ? 'Stop' : 'Set' }} current track livestream.current_track ? 'Stop' : 'Set' }} current track
</q-btn> </q-btn>
@ -46,7 +46,7 @@
></q-input> ></q-input>
</div> </div>
<div class="col"> <div class="col">
<q-btn unelevated color="deep-purple" type="submit" <q-btn unelevated color="primary" type="submit"
>Set percent rate</q-btn >Set percent rate</q-btn
> >
</div> </div>
@ -61,7 +61,7 @@
<h5 class="text-subtitle1 q-my-none">Tracks</h5> <h5 class="text-subtitle1 q-my-none">Tracks</h5>
</div> </div>
<div class="col q-ml-lg"> <div class="col q-ml-lg">
<q-btn unelevated color="deep-purple" @click="openAddTrackDialog" <q-btn unelevated color="primary" @click="openAddTrackDialog"
>Add new track</q-btn >Add new track</q-btn
> >
</div> </div>
@ -296,7 +296,7 @@
<div class="col q-ml-lg"> <div class="col q-ml-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="disabledAddTrackButton()" :disable="disabledAddTrackButton()"
type="submit" type="submit"
> >

2
lnbits/extensions/lnticket/templates/lnticket/display.html
View file

@ -33,7 +33,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.name == '' || formDialog.data.text == ''" :disable="formDialog.data.name == '' || formDialog.data.text == ''"
type="submit" type="submit"
>Submit</q-btn >Submit</q-btn

6
lnbits/extensions/lnticket/templates/lnticket/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New Form</q-btn >New Form</q-btn
> >
</q-card-section> </q-card-section>
@ -217,7 +217,7 @@
<q-btn <q-btn
v-if="formDialog.data.id" v-if="formDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Form</q-btn >Update Form</q-btn
> >
@ -225,7 +225,7 @@
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.costpword == null || formDialog.data.costpword < 0 || formDialog.data.name == null" :disable="formDialog.data.costpword == null || formDialog.data.costpword < 0 || formDialog.data.name == null"
type="submit" type="submit"
>Create Form</q-btn >Create Form</q-btn

6
lnbits/extensions/lnurlp/templates/lnurlp/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-7 q-gutter-y-md"> <div class="col-12 col-md-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New pay link</q-btn >New pay link</q-btn
> >
</q-card-section> </q-card-section>
@ -227,14 +227,14 @@
<q-btn <q-btn
v-if="formDialog.data.id" v-if="formDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update pay link</q-btn >Update pay link</q-btn
> >
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialog.data.wallet == null || formDialog.data.wallet == null ||
formDialog.data.description == null || formDialog.data.description == null ||

14
lnbits/extensions/offlineshop/templates/offlineshop/index.html
View file

@ -9,7 +9,7 @@
<h5 class="text-subtitle1 q-my-none">Items</h5> <h5 class="text-subtitle1 q-my-none">Items</h5>
</div> </div>
<div class="col q-ml-lg"> <div class="col q-ml-lg">
<q-btn unelevated color="deep-purple" @click="openNewDialog()" <q-btn unelevated color="primary" @click="openNewDialog()"
>Add new item</q-btn >Add new item</q-btn
> >
</div> </div>
@ -111,7 +111,7 @@
<q-btn <q-btn
type="a" type="a"
outline outline
color="purple" color="secondary"
:href="'print?items=' + printItems.map(({id}) => id).join(',')" :href="'print?items=' + printItems.map(({id}) => id).join(',')"
>Print QR Codes</q-btn >Print QR Codes</q-btn
> >
@ -123,7 +123,7 @@
<q-tabs <q-tabs
v-model="confirmationMethod" v-model="confirmationMethod"
no-caps no-caps
class="bg-purple text-white shadow-2" class="bg-dark text-white shadow-2"
> >
<q-tab name="wordlist" label="Wordlist"></q-tab> <q-tab name="wordlist" label="Wordlist"></q-tab>
<q-tab name="totp" label="TOTP (Google Authenticator)"></q-tab> <q-tab name="totp" label="TOTP (Google Authenticator)"></q-tab>
@ -151,7 +151,7 @@
> >
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
:disabled="!wordlistTainted" :disabled="!wordlistTainted"
> >
@ -180,7 +180,7 @@
> >
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disabled="offlineshop.method === 'totp'" :disabled="offlineshop.method === 'totp'"
@click="setMethod" @click="setMethod"
> >
@ -199,7 +199,7 @@
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disabled="offlineshop.method === 'none'" :disabled="offlineshop.method === 'none'"
@click="setMethod" @click="setMethod"
> >
@ -308,7 +308,7 @@
<div class="col q-ml-lg"> <div class="col q-ml-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="disabledAddItemButton()" :disable="disabledAddItemButton()"
type="submit" type="submit"
> >

2
lnbits/extensions/paywall/templates/paywall/display.html
View file

@ -24,7 +24,7 @@
dense dense
flat flat
icon="check" icon="check"
color="deep-purple" color="primary"
type="submit" type="submit"
@click="createInvoice" @click="createInvoice"
:disabled="userAmount < paywallAmount || paymentReq" :disabled="userAmount < paywallAmount || paymentReq"

6
lnbits/extensions/paywall/templates/paywall/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New paywall</q-btn >New paywall</q-btn
> >
</q-card-section> </q-card-section>
@ -141,7 +141,7 @@
<q-item-section avatar> <q-item-section avatar>
<q-checkbox <q-checkbox
v-model="formDialog.data.remembers" v-model="formDialog.data.remembers"
color="deep-purple" color="primary"
></q-checkbox> ></q-checkbox>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
@ -157,7 +157,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.amount == null || formDialog.data.amount < 0 || formDialog.data.url == null || formDialog.data.memo == null" :disable="formDialog.data.amount == null || formDialog.data.amount < 0 || formDialog.data.url == null || formDialog.data.memo == null"
type="submit" type="submit"
>Create paywall</q-btn >Create paywall</q-btn

7
lnbits/extensions/satspay/templates/satspay/index.html
View file

@ -5,10 +5,7 @@
<q-card> <q-card>
<q-card-section> <q-card-section>
{% raw %} {% raw %}
<q-btn <q-btn unelevated color="primary" @click="formDialogCharge.show = true"
unelevated
color="deep-purple"
@click="formDialogCharge.show = true"
>New charge >New charge
</q-btn> </q-btn>
</q-card-section> </q-card-section>
@ -265,7 +262,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialogCharge.data.time == null || formDialogCharge.data.time == null ||
formDialogCharge.data.amount == null" formDialogCharge.data.amount == null"

4
lnbits/extensions/splitpayments/templates/splitpayments/index.html
View file

@ -60,7 +60,7 @@
<q-row class="row justify-evenly q-pa-lg"> <q-row class="row justify-evenly q-pa-lg">
<q-col> <q-col>
<q-btn unelevated outline color="purple" @click="clearTargets"> <q-btn unelevated outline color="secondary" @click="clearTargets">
Clear Clear
</q-btn> </q-btn>
</q-col> </q-col>
@ -68,7 +68,7 @@
<q-col> <q-col>
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
:disabled="!isDirty" :disabled="!isDirty"
> >

2
lnbits/extensions/subdomains/templates/subdomains/display.html
View file

@ -53,7 +53,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.subdomain == '' || formDialog.data.ip == '' || formDialog.data.duration == ''" :disable="formDialog.data.subdomain == '' || formDialog.data.ip == '' || formDialog.data.duration == ''"
type="submit" type="submit"
>Submit</q-btn >Submit</q-btn

6
lnbits/extensions/subdomains/templates/subdomains/index.html
View file

@ -5,7 +5,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="domainDialog.show = true" <q-btn unelevated color="primary" @click="domainDialog.show = true"
>New Domain</q-btn >New Domain</q-btn
> >
</q-card-section> </q-card-section>
@ -233,14 +233,14 @@
<q-btn <q-btn
v-if="domainDialog.data.id" v-if="domainDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update Form</q-btn >Update Form</q-btn
> >
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable="domainDialog.data.cost == null || domainDialog.data.cost < 0 || domainDialog.data.domain == null" :disable="domainDialog.data.cost == null || domainDialog.data.cost < 0 || domainDialog.data.domain == null"
type="submit" type="submit"
>Create Domain</q-btn >Create Domain</q-btn

4
lnbits/extensions/tpos/templates/tpos/index.html
View file

@ -4,7 +4,7 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New TPoS</q-btn >New TPoS</q-btn
> >
</q-card-section> </q-card-section>
@ -119,7 +119,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="formDialog.data.currency == null || formDialog.data.name == null" :disable="formDialog.data.currency == null || formDialog.data.name == null"
type="submit" type="submit"
>Create TPoS</q-btn >Create TPoS</q-btn

8
lnbits/extensions/usermanager/templates/usermanager/index.html
View file

@ -4,10 +4,10 @@
<div class="col-12 col-md-8 col-lg-7 q-gutter-y-md"> <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn unelevated color="deep-purple" @click="userDialog.show = true" <q-btn unelevated color="primary" @click="userDialog.show = true"
>New User</q-btn >New User</q-btn
> >
<q-btn unelevated color="deep-purple" @click="walletDialog.show = true" <q-btn unelevated color="primary" @click="walletDialog.show = true"
>New Wallet >New Wallet
</q-btn> </q-btn>
</q-card-section> </q-card-section>
@ -172,7 +172,7 @@
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="userDialog.data.walname == null" :disable="userDialog.data.walname == null"
type="submit" type="submit"
>Create User</q-btn >Create User</q-btn
@ -202,7 +202,7 @@
></q-input> ></q-input>
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable="walletDialog.data.walname == null" :disable="walletDialog.data.walname == null"
type="submit" type="submit"
>Create Wallet</q-btn >Create Wallet</q-btn

6
lnbits/extensions/watchonly/templates/watchonly/index.html
View file

@ -5,10 +5,10 @@
<q-card> <q-card>
<q-card-section> <q-card-section>
{% raw %} {% raw %}
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>New wallet >New wallet
</q-btn> </q-btn>
<q-btn unelevated color="deep-purple" icon="edit"> <q-btn unelevated color="primary" icon="edit">
<div class="cursor-pointer"> <div class="cursor-pointer">
<q-tooltip> Point to another Mempool </q-tooltip> <q-tooltip> Point to another Mempool </q-tooltip>
{{ this.mempool.endpoint }} {{ this.mempool.endpoint }}
@ -143,7 +143,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialog.data.masterpub == null || formDialog.data.masterpub == null ||
formDialog.data.title == null" formDialog.data.title == null"

17
lnbits/extensions/withdraw/templates/withdraw/index.html
View file

@ -6,13 +6,10 @@
<div class="col-12 col-md-7 q-gutter-y-md"> <div class="col-12 col-md-7 q-gutter-y-md">
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-btn <q-btn unelevated color="primary" @click="simpleformDialog.show = true"
unelevated
color="deep-purple"
@click="simpleformDialog.show = true"
>Quick vouchers</q-btn >Quick vouchers</q-btn
> >
<q-btn unelevated color="deep-purple" @click="formDialog.show = true" <q-btn unelevated color="primary" @click="formDialog.show = true"
>Advanced withdraw link(s)</q-btn >Advanced withdraw link(s)</q-btn
> >
</q-card-section> </q-card-section>
@ -197,7 +194,7 @@
<q-item-section avatar> <q-item-section avatar>
<q-checkbox <q-checkbox
v-model="formDialog.data.is_unique" v-model="formDialog.data.is_unique"
color="deep-purple" color="primary"
></q-checkbox> ></q-checkbox>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
@ -216,14 +213,14 @@
<q-btn <q-btn
v-if="formDialog.data.id" v-if="formDialog.data.id"
unelevated unelevated
color="deep-purple" color="primary"
type="submit" type="submit"
>Update withdraw link</q-btn >Update withdraw link</q-btn
> >
<q-btn <q-btn
v-else v-else
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
formDialog.data.wallet == null || formDialog.data.wallet == null ||
formDialog.data.title == null || formDialog.data.title == null ||
@ -281,7 +278,7 @@
<div class="row q-mt-lg"> <div class="row q-mt-lg">
<q-btn <q-btn
unelevated unelevated
color="deep-purple" color="primary"
:disable=" :disable="
simpleformDialog.data.wallet == null || simpleformDialog.data.wallet == null ||
@ -324,7 +321,7 @@
qrCodeDialog.data.uses }} qrCodeDialog.data.uses }}
<q-linear-progress <q-linear-progress
:value="qrCodeDialog.data.used / qrCodeDialog.data.uses" :value="qrCodeDialog.data.used / qrCodeDialog.data.uses"
color="deep-purple" color="primary"
class="q-mt-sm" class="q-mt-sm"
></q-linear-progress> ></q-linear-progress>
</p> </p>

2
lnbits/settings.py
View file

@ -29,7 +29,9 @@ LNBITS_ALLOWED_USERS: List[str] = env.list(
LNBITS_DISABLED_EXTENSIONS: List[str] = env.list( LNBITS_DISABLED_EXTENSIONS: List[str] = env.list(
"LNBITS_DISABLED_EXTENSIONS", default=[], subcast=str "LNBITS_DISABLED_EXTENSIONS", default=[], subcast=str
) )
LNBITS_SITE_TITLE = env.str("LNBITS_SITE_TITLE", default="LNbits") LNBITS_SITE_TITLE = env.str("LNBITS_SITE_TITLE", default="LNbits")
LNBITS_THEME_OPTIONS = env.str("LNBITS_THEME_OPTIONS", default="classic,green,orange")
WALLET = wallet_class() WALLET = wallet_class()
DEFAULT_WALLET_NAME = env.str("LNBITS_DEFAULT_WALLET_NAME", default="LNbits wallet") DEFAULT_WALLET_NAME = env.str("LNBITS_DEFAULT_WALLET_NAME", default="LNbits wallet")

13
lnbits/static/js/base.js
View file

@ -311,7 +311,14 @@ window.windowMixin = {
} }
} }
}, },
methods: { methods: {
changeColor: function (newValue) {
document.body.setAttribute('data-theme', newValue)
console.log(document.body.getAttribute('data-theme'))
console.log(newValue)
this.$q.localStorage.set('lnbits.theme', newValue)
},
toggleDarkMode: function () { toggleDarkMode: function () {
this.$q.dark.toggle() this.$q.dark.toggle()
this.$q.localStorage.set('lnbits.darkMode', this.$q.dark.isActive) this.$q.localStorage.set('lnbits.darkMode', this.$q.dark.isActive)
@ -328,6 +335,12 @@ window.windowMixin = {
}, },
created: function () { created: function () {
this.$q.dark.set(this.$q.localStorage.getItem('lnbits.darkMode')) this.$q.dark.set(this.$q.localStorage.getItem('lnbits.darkMode'))
if (this.$q.localStorage.getItem('lnbits.theme')) {
document.body.setAttribute(
'data-theme',
this.$q.localStorage.getItem('lnbits.theme')
)
}
if (window.user) { if (window.user) {
this.g.user = Object.freeze(window.LNbits.map.user(window.user)) this.g.user = Object.freeze(window.LNbits.map.user(window.user))
} }

6
lnbits/static/js/components.js
View file

@ -35,7 +35,7 @@ Vue.component('lnbits-wallet-list', {
<q-item-section side> <q-item-section side>
<q-avatar size="md" <q-avatar size="md"
:color="(activeWallet && activeWallet.id === wallet.id) :color="(activeWallet && activeWallet.id === wallet.id)
? (($q.dark.isActive) ? 'deep-purple-5' : 'deep-purple') ? (($q.dark.isActive) ? 'primary' : 'primary')
: 'grey-5'"> : 'grey-5'">
<q-icon name="flash_on" :size="($q.dark.isActive) ? '21px' : '20px'" <q-icon name="flash_on" :size="($q.dark.isActive) ? '21px' : '20px'"
:color="($q.dark.isActive) ? 'blue-grey-10' : 'grey-3'"></q-icon> :color="($q.dark.isActive) ? 'blue-grey-10' : 'grey-3'"></q-icon>
@ -118,7 +118,7 @@ Vue.component('lnbits-extension-list', {
<q-item-section side> <q-item-section side>
<q-avatar size="md" <q-avatar size="md"
:color="(extension.isActive) :color="(extension.isActive)
? (($q.dark.isActive) ? 'deep-purple-5' : 'deep-purple') ? (($q.dark.isActive) ? 'primary' : 'primary')
: 'grey-5'"> : 'grey-5'">
<q-icon :name="extension.icon" :size="($q.dark.isActive) ? '21px' : '20px'" <q-icon :name="extension.icon" :size="($q.dark.isActive) ? '21px' : '20px'"
:color="($q.dark.isActive) ? 'blue-grey-10' : 'grey-3'"></q-icon> :color="($q.dark.isActive) ? 'blue-grey-10' : 'grey-3'"></q-icon>
@ -219,7 +219,7 @@ Vue.component('lnbits-payment-details', {
</div> </div>
<div class="row" v-for="entry in extras"> <div class="row" v-for="entry in extras">
<div class="col-3"> <div class="col-3">
<q-badge v-if="hasTag" color="purple" text-color="white"> <q-badge v-if="hasTag" color="secondary" text-color="white">
extra extra
</q-badge> </q-badge>
<b>{{ entry.key }}</b>: <b>{{ entry.key }}</b>:

94
lnbits/static/scss/base.scss
View file

@ -1,34 +1,86 @@
$dark-background: #1f2234; $themes: (
$dark-card-background: #333646; 'classic': (
primary: #673ab7,
secondary: #9c27b0,
dark: #1f2234,
info: #333646,
marginal-bg: #1f2234,
marginal-text: #fff
),
'mint': (
primary: #3ab77d,
secondary: #27b065,
dark: #1f342b,
info: #334642,
marginal-bg: #1f342b,
marginal-text: #fff
),
'autumn': (
primary: #b7763a,
secondary: #b07927,
dark: #34291f,
info: #463f33,
marginal-bg: #342a1f,
marginal-text: rgb(255, 255, 255)
),
'flamingo': (
primary: #d11d53,
secondary: #db3e6d,
dark: #e75480,
info: #ec7599,
marginal-bg: #e75480,
marginal-text: rgb(255, 255, 255)
),
'monochrome': (
primary: #494949,
secondary: #6b6b6b,
dark: #000,
info: rgb(39, 39, 39),
marginal-bg: #000,
marginal-text: rgb(255, 255, 255)
)
);
[data-theme='quasar'] .q-drawer--dark {
background: #121212 !important;
}
@each $theme, $colors in $themes {
@each $name, $color in $colors {
@if $name == 'dark' {
[data-theme='#{$theme}'] .q-drawer--dark,
body[data-theme='#{$theme}'].body--dark,
[data-theme='#{$theme}'] .q-menu--dark {
background: $color !important;
}
}
@if $name == 'info' {
[data-theme='#{$theme}'] .q-card--dark,
[data-theme='#{$theme}'] .q-stepper--dark {
background: $color !important;
}
}
}
[data-theme='#{$theme}'] {
@each $name, $color in $colors {
.bg-#{$name} {
background: $color !important;
}
.text-#{$name} {
color: $color !important;
}
}
}
}
[v-cloak] { [v-cloak] {
display: none; display: none;
} }
.bg-lnbits-dark {
background-color: $dark-background;
}
body.body--dark,
body.body--dark .q-drawer--dark,
body.body--dark .q-menu--dark {
background: $dark-background;
}
body.body--dark .q-card--dark {
background: $dark-card-background;
}
body.body--dark .q-table--dark { body.body--dark .q-table--dark {
background: transparent; background: transparent;
} }
body.body--light,
body.body--light .q-drawer {
background: whitesmoke;
}
body.body--dark .q-field--error { body.body--dark .q-field--error {
.text-negative, .text-negative,
.q-field__messages { .q-field__messages {

74
lnbits/templates/base.html
View file

@ -7,6 +7,7 @@
{% endfor %} {% endfor %}
<!----> <!---->
<link rel="stylesheet" type="text/css" href="/static/css/base.css" /> <link rel="stylesheet" type="text/css" href="/static/css/base.css" />
{% block styles %}{% endblock %} {% block styles %}{% endblock %}
<title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title> <title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -19,9 +20,9 @@
{% block head_scripts %}{% endblock %} {% block head_scripts %}{% endblock %}
</head> </head>
<body> <body data-theme="classic">
<q-layout id="vue" view="hHh lpR lfr" v-cloak> <q-layout :color="dark" id="vue" view="hHh lpR lfr" v-cloak>
<q-header bordered class="bg-lnbits-dark"> <q-header bordered class="bg-marginal-bg">
<q-toolbar> <q-toolbar>
{% block drawer_toggle %} {% block drawer_toggle %}
<q-btn <q-btn
@ -46,13 +47,76 @@
> >
</q-badge> </q-badge>
{% endblock %} {% endblock %}
<q-btn-dropdown
dense
flat
round
size="sm"
icon="dashboard_customize"
class="q-pl-md"
>
<div class="row no-wrap q-pa-md">
<q-btn
dense
flat
@click="changeColor('classic')"
icon="format_color_fill"
color="deep-purple"
size="md"
><q-tooltip>classic</q-tooltip> </q-btn
><q-btn
dense
flat
@click="changeColor('mint')"
icon="format_color_fill"
color="green"
size="md"
><q-tooltip>mint</q-tooltip> </q-btn
><q-btn
dense
flat
@click="changeColor('autumn')"
icon="format_color_fill"
color="brown"
size="md"
><q-tooltip>autumn</q-tooltip>
</q-btn>
<q-btn
dense
flat
@click="changeColor('flamingo')"
icon="format_color_fill"
color="pink-3"
size="md"
><q-tooltip>flamingo</q-tooltip>
</q-btn>
<q-btn
dense
flat
@click="changeColor('monochrome')"
icon="format_color_fill"
color="grey"
size="md"
><q-tooltip>monochrome</q-tooltip>
</q-btn>
<q-btn
dense
flat
@click="changeColor('quasar')"
icon="format_color_fill"
color="blue"
size="md"
><q-tooltip>quasar</q-tooltip>
</q-btn>
</div>
</q-btn-dropdown>
<q-btn <q-btn
dense dense
flat flat
round round
@click="toggleDarkMode" @click="toggleDarkMode"
:icon="($q.dark.isActive) ? 'brightness_3' : 'wb_sunny'" :icon="($q.dark.isActive) ? 'brightness_3' : 'wb_sunny'"
class="q-ml-lg"
size="sm" size="sm"
> >
<q-tooltip>Toggle Dark Mode</q-tooltip> <q-tooltip>Toggle Dark Mode</q-tooltip>
@ -93,7 +157,7 @@
<q-btn <q-btn
flat flat
dense dense
:color="($q.dark.isActive) ? 'white' : 'deep-purple'" :color="($q.dark.isActive) ? 'white' : 'primary'"
icon="code" icon="code"
type="a" type="a"
href="https://github.com/lnbits/lnbits" href="https://github.com/lnbits/lnbits"