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 some inconsistent elements for dark mode

Browse Source
This commit is contained in:
Michael Shamoon 2021-01-04 19:31:18 -08:00
parent 7587150f96
commit 056b9638ab
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -174,6 +174,17 @@ $border-color-dark-mode: #47494f;
color: $text-color-dark-mode; color: $text-color-dark-mode;
border-color: $border-color-dark-mode; border-color: $border-color-dark-mode;
.des,
.asc {
background-color: transparent !important;
color: $text-color-dark-mode;
border-color: $border-color-dark-mode;
&::after {
filter: invert(0.8); /* arrow is a black inline png bkgd image (!) so use filter */
}
}
tr:hover { tr:hover {
background-color: $bg-light-dark-mode; background-color: $bg-light-dark-mode;
color: $text-color-dark-mode-accent; color: $text-color-dark-mode-accent;
@ -250,13 +261,18 @@ $border-color-dark-mode: #47494f;
background-color: $bg-dark-mode !important; background-color: $bg-dark-mode !important;
} }
.form-control, .form-control:not(.is-invalid):not(.btn),
input:not(.is-invalid),
textarea:not(.is-invalid) {
border-color: $border-color-dark-mode; /* we dont want to override controls that get highlighting for errors */
}
.form-control:not(.btn),
input, input,
select, select,
textarea { textarea {
background-color: $bg-dark-mode; background-color: $bg-dark-mode;
color: $text-color-dark-mode; color: $text-color-dark-mode;
border-color: $border-color-dark-mode;
&::placeholder { &::placeholder {
color: $text-color-dark-mode; color: $text-color-dark-mode;
@ -325,6 +341,12 @@ $border-color-dark-mode: #47494f;
.progress { .progress {
background-color: $border-color-dark-mode; background-color: $border-color-dark-mode;
} }
.alert-danger {
color: $text-color-dark-mode-accent;
background-color: darken($danger-dark-mode, 20%);
border-color: darken($danger-dark-mode, 20%);
}
} }
body.color-scheme-dark { body.color-scheme-dark {