mirror of
https://github.com/lnbits/lnbits.git
synced 2025-09-22 15:57:28 +02:00
Kinda working test
This commit is contained in:
@@ -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 {
|
||||||
|
@@ -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"
|
||||||
|
Reference in New Issue
Block a user