paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05: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 247697a5e6
commit 1e004d8727
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; max-width: 40rem;
.preview { .preview {
min-width: 30rem; min-width: 25rem;
min-height: 20rem; min-height: 15rem;
max-height: 35rem; max-height: 35rem;
overflow-y: scroll; overflow-y: scroll;
} }

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

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