mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-03-31 13:35:08 -05:00
Just messing around
[ci skip]
This commit is contained in:
parent
38296d9426
commit
e1b9434645
@ -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)
|
||||
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user