Merge pull request #1529 from lnbits/cybertheme

Added cyber theme

.env.example

@@ -59,8 +59,8 @@ LNBITS_RESERVE_FEE_PERCENT=1.0
 LNBITS_SITE_TITLE="LNbits"
 LNBITS_SITE_TAGLINE="free and open-source lightning wallet"
 LNBITS_SITE_DESCRIPTION="Some description about your service, will display if title is not 'LNbits'"
-# Choose from bitcoin, mint, flamingo, freedom, salvador, autumn, monochrome, classic
-LNBITS_THEME_OPTIONS="classic, bitcoin, flamingo, freedom, mint, autumn, monochrome, salvador"
+# Choose from bitcoin, mint, flamingo, freedom, salvador, autumn, monochrome, classic, cyber
+LNBITS_THEME_OPTIONS="classic, bitcoin, flamingo, freedom, mint, autumn, monochrome, salvador, cyber"
 # LNBITS_CUSTOM_LOGO="https://lnbits.com/assets/images/logo/logo.svg"
 
 # Choose from LNPayWallet, OpenNodeWallet, LntxbotWallet, ClicheWallet,

lnbits/core/templates/admin/index.html

@@ -160,6 +160,7 @@
           'classic',
           'bitcoin',
           'flamingo',
+          'cyber',
           'freedom',
           'mint',
           'autumn',

lnbits/settings.py

@@ -67,7 +67,15 @@ class ThemesSettings(LNbitsSettings):
     lnbits_site_description: str = Field(default=None)
     lnbits_default_wallet_name: str = Field(default="LNbits wallet")
     lnbits_theme_options: List[str] = Field(
-        default=["classic", "flamingo", "mint", "salvador", "monochrome", "autumn"]
+        default=[
+            "classic",
+            "freedom",
+            "mint",
+            "salvador",
+            "monochrome",
+            "autumn",
+            "cyber",
+        ]
     )
     lnbits_custom_logo: str = Field(default=None)
     lnbits_ad_space_title: str = Field(default="Supported by")

lnbits/static/scss/base.scss

@@ -23,6 +23,14 @@ $themes: (
     marginal-bg: #2d293b,
     marginal-text: #fff
   ),
+  'cyber': (
+    primary: #7cb342,
+    secondary: #558b2f,
+    dark: #0a0a0a,
+    info: #1b1b1b,
+    marginal-bg: #2d293b,
+    marginal-text: #fff
+  ),
   'mint': (
     primary: #3ab77d,
     secondary: #27b065,
@@ -98,6 +106,14 @@ $themes: (
   background: #0a0a0a !important;
 }
 
+[data-theme='cyber'] .q-drawer--dark {
+  background: #0a0a0a !important;
+}
+
+[data-theme='cyber'] .q-header {
+  background: #0a0a0a !important;
+}
+
 [data-theme='salvador'] .q-drawer--dark {
   background: #242424 !important;
 }

lnbits/templates/base.html

@@ -138,7 +138,17 @@
                 icon="format_color_fill"
                 color="pink-13"
                 size="md"
-                ><q-tooltip>Freedom</q-tooltip>
+                ><q-tooltip>freedom</q-tooltip>
+              </q-btn>
+              <q-btn
+                v-if="g.allowedThemes.includes('cyber')"
+                dense
+                flat
+                @click="changeColor('cyber')"
+                icon="format_color_fill"
+                color="light-green-9"
+                size="md"
+                ><q-tooltip>cyber</q-tooltip>
               </q-btn>
               <q-btn
                 v-if="g.allowedThemes.includes('flamingo')"