Kinda working test

This commit is contained in:
Ben Arc
2021-06-29 01:19:35 +01:00
parent 8f441f32b5
commit c39dfbaee2
2 changed files with 21 additions and 10 deletions

View File

@@ -12,7 +12,7 @@ $themes: (
secondary: #551561, secondary: #551561,
dark: #020203, dark: #020203,
info: #15161d, info: #15161d,
marginal-bg: #1f2234, marginal-bg: #020203,
marginal-text: #fff marginal-text: #fff
), ),
'light': ( 'light': (
@@ -20,7 +20,7 @@ $themes: (
secondary: #a32cb8, secondary: #a32cb8,
dark: #4c4c74, dark: #4c4c74,
info: #555974, info: #555974,
marginal-bg: #1f2234, marginal-bg: #4c4c74,
marginal-text: #fff marginal-text: #fff
), ),
'green': ( 'green': (
@@ -28,11 +28,26 @@ $themes: (
secondary: #27b065, secondary: #27b065,
dark: #1f342b, dark: #1f342b,
info: #334642, info: #334642,
marginal-bg: #1f2234, marginal-bg: #1f342b,
marginal-text: #fff marginal-text: #fff
) )
); );
@each $theme, $colors in $themes { @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}'] { [data-theme='#{$theme}'] {
@each $name, $color in $colors { @each $name, $color in $colors {
.bg-#{$name} { .bg-#{$name} {
@@ -53,11 +68,6 @@ 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 {

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" />
@@ -21,7 +22,7 @@
<body> <body>
<q-layout id="vue" view="hHh lpR lfr" v-cloak> <q-layout 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
@@ -93,7 +94,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"