paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-11-03 03:16:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Dark mode + sizing tweaks

Browse Source
This commit is contained in:
Michael Shamoon
2021-02-07 08:19:00 -08:00
parent dcb17f2f21
commit 5306d58991
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
View File

@@ -39,8 +39,8 @@
max-width: 40rem;
.preview {
min-width: 30rem;
min-height: 20rem;
min-width: 25rem;
min-height: 15rem;
max-height: 35rem;
overflow-y: scroll;
}

10
src-ui/src/theme_dark.scss
View File

@@ -1,6 +1,7 @@
$primary-dark-mode: #45973a;
$danger-dark-mode: #b71631;
$bg-dark-mode: #161618;
$bg-dark-mode-accent: #21262d;
$bg-light-dark-mode: #1c1c1f;
$text-color-dark-mode: #abb2bf;
$text-color-dark-mode-accent: lighten($text-color-dark-mode, 10%);
@@ -370,7 +371,7 @@ $border-color-dark-mode: #47494f;
.popover {
.popover-header,
.popover-body {
background-color: $bg-light-dark-mode;
background-color: $bg-dark-mode-accent;
border-color: $border-color-dark-mode;
}
}
@@ -380,10 +381,15 @@ $border-color-dark-mode: #47494f;
@each $placement in $placements {
.bs-popover-#{$placement} > .arrow::after,
.bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
border-#{$placement}-color: $bg-light-dark-mode;
border-#{$placement}-color: $bg-dark-mode-accent;
}
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
border-bottom-color: $bg-dark-mode-accent;
}
}
body.color-scheme-dark {