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

Just messing around

Browse Source 
[ci skip]
This commit is contained in:
shamoon 2025-01-26 21:51:57 -08:00
parent 38296d9426
commit e1b9434645
No known key found for this signature in database
2 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src-ui/src/app/services/settings.service.ts
View File

@ -425,6 +425,12 @@ export class SettingsService {
)
}
this._renderer.setAttribute(
this.document.documentElement,
'data-bs-theme',
'dark-flat'
)
if (themeColor?.length) {
const hsl = hexToHsl(themeColor)
const bgBrightnessEstimate = estimateBrightnessForColor(themeColor)

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

@ -366,3 +366,52 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
}
}
[data-bs-theme="dark-flat"] {
body:not(.primary-light):not(.primary-dark) {
@include paperless-green-dark-mode;
.navbar.bg-primary {
// navbar is og green in dark mode
@include paperless-green;
}
}
@include dark-mode;
.btn-outline-primary, .btn-outline-secondary {
border-color: var(--pngx-bg-alt) !important;
background-color: var(--pngx-bg-alt) !important;
color: var(--bs-body-color) !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
background-color: var(--pngx-bg-darker) !important;
color: var(--pngx-body-color-accent) !important;
}
.btn-outline-danger {
border-color: var(--pngx-bg-alt) !important;
background-color: var(--pngx-bg-alt) !important;
color: var(--bs-danger) !important;
&:hover, &:focus, &.active, &:active {
background-color: var(--pngx-bg-darker) !important;
color: var(--bs-danger) !important;
}
}
.form-control:not(.btn), input, select, textarea,
.form-select:not(.is-invalid):not(:disabled), .form-check-input,
.ng-select .ng-select-container {
background-color: var(--pngx-bg-darker) !important;
color: var(--bs-body-color) !important;
border-color: var(--pngx-bg-alt) !important;
}
.input-group .input-group-text {
background-color: var(--pngx-bg-alt);
color: var(--bs-body-color);
border-color: var(--pngx-bg-alt);
}
}