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,
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 {

View File

@ -7,6 +7,7 @@
{% endfor %}
<!---->
<link rel="stylesheet" type="text/css" href="/static/css/base.css" />
{% block styles %}{% endblock %}
<title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title>
<meta charset="utf-8" />
@ -21,7 +22,7 @@
<body>
<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>
{% block drawer_toggle %}
<q-btn
@ -93,7 +94,7 @@
<q-btn
flat
dense
:color="($q.dark.isActive) ? 'white' : 'deep-purple'"
:color="($q.dark.isActive) ? 'white' : 'primary'"
icon="code"
type="a"
href="https://github.com/lnbits/lnbits"