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 selected table row background color

Browse Source
This commit is contained in:
Michael Shamoon 2022-03-13 08:45:39 -07:00
parent 7bd6f4a4ea
commit 57f35292d5
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,16 +31,17 @@ $border-color-dark-mode: #47494f;
--ngx-bg-alt: #{$bg-dark-mode-alt}; --ngx-bg-alt: #{$bg-dark-mode-alt};
--ngx-body-color-accent: #{$text-color-dark-mode-accent}; --ngx-body-color-accent: #{$text-color-dark-mode-accent};
--ngx-focus-alpha: 0.7; --ngx-focus-alpha: 0.7;
--ngx-primary-faded: var(--ngx-primary-darken-15);
.navbar.bg-primary{ .navbar.bg-primary{
--bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness)); --bs-primary: hsl(var(--pngx-primary),var(--pngx-primary-lightness));
--bs-primary-rgb: var(--bs-primary); --bs-primary-rgb: var(--bs-primary);
} }
.navbar-brand { .navbar-brand {
color: var(--bs-body-color); color: var(--bs-body-color);
} }
.border { .border {
border-color: var(--bs-border-color) !important; border-color: var(--bs-border-color) !important;
} }
@ -134,7 +135,6 @@ $border-color-dark-mode: #47494f;
background-color: $bg-light-dark-mode; background-color: $bg-light-dark-mode;
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
} }
} }
.table-striped > tbody > tr:nth-of-type(odd) > * { .table-striped > tbody > tr:nth-of-type(odd) > * {
@ -149,14 +149,10 @@ $border-color-dark-mode: #47494f;
filter: invert(1) grayscale(100%) brightness(200%); filter: invert(1) grayscale(100%) brightness(200%);
} }
.ngx-file-drop__drop-zone--over {
background-color: var(--ngx-primary-darken-15) !important;
}
.toast { .toast {
background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%), 0.9); background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%), 0.9);
} }
.toast-header { .toast-header {
background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 10%), 0.9); background-color: hsla(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 10%), 0.9);
} }