highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-09-22 15:57:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

Works, although .env not currently supported

Browse Source
This commit is contained in:
Ben Arc
2021-06-30 13:08:11 +01:00
parent 4e43d2d52e
commit eac125a28e
2 changed files with 55 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@ $themes: (
marginal-bg: #1f2234, marginal-bg: #1f2234,
marginal-text: #fff marginal-text: #fff
), ),
'green': ( 'mint': (
primary: #3ab77d, primary: #3ab77d,
secondary: #27b065, secondary: #27b065,
dark: #1f342b, dark: #1f342b,
@@ -15,16 +15,36 @@ $themes: (
marginal-bg: #1f342b, marginal-bg: #1f342b,
marginal-text: #fff marginal-text: #fff
), ),
'orange': ( 'autumn': (
primary: #b7763a, primary: #b7763a,
secondary: #b07927, secondary: #b07927,
dark: #34291f, dark: #34291f,
info: #463f33, info: #463f33,
marginal-bg: #342a1f, marginal-bg: #342a1f,
marginal-text: rgb(255, 255, 255) marginal-text: rgb(255, 255, 255)
),
'flamingo': (
primary: #c64242,
secondary: #ff7474,
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 $theme, $colors in $themes {
@each $name, $color in $colors { @each $name, $color in $colors {
@if $name == 'dark' { @if $name == 'dark' {

41
lnbits/templates/base.html
View File

@@ -63,25 +63,50 @@
icon="format_color_fill" icon="format_color_fill"
color="deep-purple" color="deep-purple"
size="md" size="md"
> ><q-tooltip>classic</q-tooltip> </q-btn
</q-btn
><q-btn ><q-btn
dense dense
flat flat
@click="changeColor('green')" @click="changeColor('mint')"
icon="format_color_fill" icon="format_color_fill"
color="green" color="green"
size="md" size="md"
> ><q-tooltip>mint</q-tooltip> </q-btn
</q-btn
><q-btn ><q-btn
dense dense
flat flat
@click="changeColor('orange')" @click="changeColor('autumn')"
icon="format_color_fill" icon="format_color_fill"
color="orange" color="brown"
size="md" 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> </q-btn>
</div> </div>
</q-btn-dropdown> </q-btn-dropdown>