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

Fix: doc links and more illegible in light mode (#6643)

Browse Source
This commit is contained in:
shamoon 2024-05-08 21:01:01 -07:00 committed by GitHub
parent 48092d47c5
commit e1f5edc0a1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/common/custom-field-display/custom-field-display.component.html
View File

@ -18,7 +18,7 @@
@case (CustomFieldDataType.DocumentLink) { @case (CustomFieldDataType.DocumentLink) {
<div [ngbTooltip]="nameTooltip" class="d-flex gap-1 flex-wrap"> <div [ngbTooltip]="nameTooltip" class="d-flex gap-1 flex-wrap">
@for (docId of value; track docId) { @for (docId of value; track docId) {
<a routerLink="/documents/{{docId}}" class="badge bg-dark text-primary" title="View" i18n-title> <a routerLink="/documents/{{docId}}" class="badge bg-body text-primary" title="View" i18n-title>
<i-bs width="0.9em" height="0.9em" name="file-text"></i-bs>&nbsp;<span>{{ getDocumentTitle(docId) }}</span> <i-bs width="0.9em" height="0.9em" name="file-text"></i-bs>&nbsp;<span>{{ getDocumentTitle(docId) }}</span>
</a> </a>
} }

2
src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html
View File

@ -9,7 +9,7 @@
<div class="badge bg-primary" cdkDrag>{{item.name}}</div> <div class="badge bg-primary" cdkDrag>{{item.name}}</div>
} }
@if (selectedItems.length === 0) { @if (selectedItems.length === 0) {
<div class="badge bg-light fst-italic" i18n>{{emptyText}}</div> <div class="badge bg-light text-secondary fst-italic" i18n>{{emptyText}}</div>
} }
</div> </div>
</div> </div>

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

@ -174,6 +174,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
border-color: rgba(0,0,0,0) !important; border-color: rgba(0,0,0,0) !important;
} }
.badge.bg-body {
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.document-card .card-body.bg-light { .document-card .card-body.bg-light {
background-color: var(--bs-body-bg); background-color: var(--bs-body-bg);
} }