diff --git a/lnbits/static/scss/base.scss b/lnbits/static/scss/base.scss
index df2a178c..d65c0c4f 100644
--- a/lnbits/static/scss/base.scss
+++ b/lnbits/static/scss/base.scss
@@ -12,7 +12,7 @@ $themes: (
secondary: #551561,
dark: #020203,
info: #15161d,
- marginal-bg: #1f2234,
+ marginal-bg: #020203,
marginal-text: #fff
),
'light': (
@@ -20,7 +20,7 @@ $themes: (
secondary: #a32cb8,
dark: #4c4c74,
info: #555974,
- marginal-bg: #1f2234,
+ marginal-bg: #4c4c74,
marginal-text: #fff
),
'green': (
@@ -28,11 +28,26 @@ $themes: (
secondary: #27b065,
dark: #1f342b,
info: #334642,
- marginal-bg: #1f2234,
+ marginal-bg: #1f342b,
marginal-text: #fff
)
);
+
@each $theme, $colors in $themes {
+ @each $name, $color in $colors {
+ @if $name == 'dark' {
+ body.body--dark [data-theme='#{$theme}'],
+ [data-theme='#{$theme}'] .q-drawer--dark,
+ [data-theme='#{$theme}'] .q-menu--dark {
+ background: $color !important;
+ }
+ }
+ @if $name == 'info' {
+ [data-theme='#{$theme}'] .q-card--dark {
+ background: $color !important;
+ }
+ }
+ }
[data-theme='#{$theme}'] {
@each $name, $color in $colors {
.bg-#{$name} {
@@ -53,11 +68,6 @@ body.body--dark .q-table--dark {
background: transparent;
}
-body.body--light,
-body.body--light .q-drawer {
- background: whitesmoke;
-}
-
body.body--dark .q-field--error {
.text-negative,
.q-field__messages {
diff --git a/lnbits/templates/base.html b/lnbits/templates/base.html
index 1e39b608..6ac09382 100644
--- a/lnbits/templates/base.html
+++ b/lnbits/templates/base.html
@@ -7,6 +7,7 @@
{% endfor %}
+
{% block styles %}{% endblock %}
{% block title %}{{ SITE_TITLE }}{% endblock %}
@@ -21,7 +22,7 @@
-
+
{% block drawer_toggle %}