paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-04-02 13:45:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

dark mode for color picker

Browse Source
This commit is contained in:
jonaswinkler 2021-03-05 23:36:09 +01:00
parent 9816efb816
commit 1f4d2e76d7
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
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%);
@ -384,6 +385,28 @@ $border-color-dark-mode: #47494f;
background-color: darken($primary-dark-mode, 5%) !important; background-color: darken($primary-dark-mode, 5%) !important;
} }
.popover {
.popover-header,
.popover-body {
background-color: $bg-dark-mode-accent;
border-color: $border-color-dark-mode;
}
}
$placements: 'top', 'right', 'bottom', 'left';
@each $placement in $placements {
.bs-popover-#{$placement} > .arrow::after,
.bs-popover-auto[x-placement^=#{$placement}] > .arrow::after {
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;
}
.ngb-dp-header, .ngb-dp-header,
.ngb-dp-weekdays, .ngb-dp-weekdays,
.ngb-dp-month { .ngb-dp-month {