From eac125a28e2d4f4388dd9b8641300bfcf1a237b6 Mon Sep 17 00:00:00 2001
From: Ben Arc <ben@arc.wales>
Date: Wed, 30 Jun 2021 13:08:11 +0100
Subject: [PATCH] Works, although .env not currently supported

---
 lnbits/static/scss/base.scss | 24 +++++++++++++++++++--
 lnbits/templates/base.html   | 41 +++++++++++++++++++++++++++++-------
 2 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/lnbits/static/scss/base.scss b/lnbits/static/scss/base.scss
index e34f1a652..003b866c0 100644
--- a/lnbits/static/scss/base.scss
+++ b/lnbits/static/scss/base.scss
@@ -7,7 +7,7 @@ $themes: (
     marginal-bg: #1f2234,
     marginal-text: #fff
   ),
-  'green': (
+  'mint': (
     primary: #3ab77d,
     secondary: #27b065,
     dark: #1f342b,
@@ -15,16 +15,36 @@ $themes: (
     marginal-bg: #1f342b,
     marginal-text: #fff
   ),
-  'orange': (
+  'autumn': (
     primary: #b7763a,
     secondary: #b07927,
     dark: #34291f,
     info: #463f33,
     marginal-bg: #342a1f,
     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 $name, $color in $colors {
     @if $name == 'dark' {
diff --git a/lnbits/templates/base.html b/lnbits/templates/base.html
index 4ac0a4d90..78bbd5d50 100644
--- a/lnbits/templates/base.html
+++ b/lnbits/templates/base.html
@@ -63,25 +63,50 @@
                 icon="format_color_fill"
                 color="deep-purple"
                 size="md"
-              >
-              </q-btn
+                ><q-tooltip>classic</q-tooltip> </q-btn
               ><q-btn
                 dense
                 flat
-                @click="changeColor('green')"
+                @click="changeColor('mint')"
                 icon="format_color_fill"
                 color="green"
                 size="md"
-              >
-              </q-btn
+                ><q-tooltip>mint</q-tooltip> </q-btn
               ><q-btn
                 dense
                 flat
-                @click="changeColor('orange')"
+                @click="changeColor('autumn')"
                 icon="format_color_fill"
-                color="orange"
+                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>