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

Fix: dark mode should be consistent in dark mode vs system settings (#4669)

Browse Source
This commit is contained in:
shamoon 2023-11-23 10:18:03 -08:00 committed by GitHub
parent b83e6a5d5b
commit 92ee4d33c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src-ui/src/theme.scss
View File

@ -60,10 +60,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
// Dark mode // Dark mode
@mixin paperless-green-dark-mode { @mixin paperless-green-dark-mode {
--pngx-primary-lightness: 31%; --pngx-primary-lightness: 31%;
--bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness));
} }
@mixin dark-mode { @mixin dark-mode {
--bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness));
--bs-body-color: #{$text-color-dark-bg}; --bs-body-color: #{$text-color-dark-bg};
--pngx-body-color-accent: #{$text-color-dark-bg-accent}; --pngx-body-color-accent: #{$text-color-dark-bg-accent};
--bs-secondary-color: #6c757d; --bs-secondary-color: #6c757d;
@ -80,6 +80,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
--pngx-primary-faded: var(--pngx-primary-darken-15); --pngx-primary-faded: var(--pngx-primary-darken-15);
--pngx-primary-text-contrast: var(--bs-body-color); --pngx-primary-text-contrast: var(--bs-body-color);
--bs-dark-border-subtle: var(--pngx-bg-darker); --bs-dark-border-subtle: var(--pngx-bg-darker);
--bs-border-color-translucent: rgba(0, 0, 0, .175); // override bs
.text-dark, .text-light { .text-dark, .text-light {
color: var(--bs-body-color) !important; color: var(--bs-body-color) !important;
@ -142,6 +143,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
.card { .card {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
--bs-card-cap-bg: var(--bs-body-bg-rgb);
.card-header { .card-header {
background-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12);
@ -279,6 +281,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
background-color: rgb(var(--bs-dark-rgb)) !important; background-color: rgb(var(--bs-dark-rgb)) !important;
} }
} }
.tooltip {
--bs-tooltip-bg: #000;
}
} }
@include color-mode(dark) { @include color-mode(dark) {