improve dark mode for vault selection

Signed-off-by: binsky <timo@binsky.org>
This commit is contained in:
binsky 2023-01-03 19:41:58 +01:00
parent 89e815b297
commit 08d81c4085
3 changed files with 8 additions and 7 deletions

View file

@ -422,8 +422,8 @@
border-radius: 5px; border-radius: 5px;
background-clip: padding-box; background-clip: padding-box;
/* stops bg color from leaking outside the border: */ /* stops bg color from leaking outside the border: */
box-shadow: 0 1px 1px #777; filter: drop-shadow(0 1px 3px var(--color-box-shadow));
background: #eee; background: var(--color-main-background);
display: block; } display: block; }
.vault_wrapper .vaultlist { .vault_wrapper .vaultlist {
z-index: 500; } z-index: 500; }
@ -438,7 +438,7 @@
border-bottom: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;
padding: 16px; } padding: 16px; }
.vault_wrapper .vaultlist li:hover { .vault_wrapper .vaultlist li:hover {
background-color: #f7f7f7; } background-color: var(--color-background-hover); }
.vault_wrapper .login_form { .vault_wrapper .login_form {
padding: 16px; } padding: 16px; }
.vault_wrapper .login_form .error { .vault_wrapper .login_form .error {

File diff suppressed because one or more lines are too long

View file

@ -40,8 +40,9 @@
max-width: 450px; max-width: 450px;
@include border-radius(5px); @include border-radius(5px);
box-shadow: 0 1px 1px #777; //box-shadow: 0 1px 1px #777;
background: #eee; filter: drop-shadow(0 1px 3px var(--color-box-shadow));
background: var(--color-main-background);
display: block; display: block;
.vaultlist{ .vaultlist{
@ -61,7 +62,7 @@
padding: 16px; padding: 16px;
} }
li:hover{ li:hover{
background-color: #f7f7f7; background-color: var(--color-background-hover);
} }
} }
.login_form{ .login_form{