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

Better reflect disabled for light mode form elements

Browse Source
This commit is contained in:
shamoon 2024-12-11 00:41:44 -08:00
parent 252c5378f6
commit ecdc3bead1
No known key found for this signature in database
7 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/src/app/components/common/input/document-link/document-link.component.scss
View File

@ -14,7 +14,7 @@
div, .ng-arrow-wrapper, input { div, .ng-arrow-wrapper, input {
cursor: not-allowed; cursor: not-allowed;
} }
background-color: var(--pngx-bg-alt) !important; background-color: var(--pngx-bg-disabled) !important;
} }
} }
} }

2
src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss
View File

@ -5,7 +5,7 @@
pointer-events: none; pointer-events: none;
.ng-select-container { .ng-select-container {
background-color: var(--pngx-bg-alt) !important; background-color: var(--pngx-bg-disabled) !important;
} }
} }
} }

2
src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss
View File

@ -5,7 +5,7 @@
pointer-events: none; pointer-events: none;
.ng-select-container { .ng-select-container {
background-color: var(--pngx-bg-alt) !important; background-color: var(--pngx-bg-disabled) !important;
} }
} }
} }

2
src-ui/src/app/components/common/input/select/select.component.scss
View File

@ -9,7 +9,7 @@
pointer-events: none; pointer-events: none;
.ng-select-container { .ng-select-container {
background-color: var(--pngx-bg-alt) !important; background-color: var(--pngx-bg-disabled) !important;
} }
} }
} }

2
src-ui/src/app/components/common/input/tags/tags.component.scss
View File

@ -16,7 +16,7 @@
pointer-events: none; pointer-events: none;
.ng-select-container { .ng-select-container {
background-color: var(--pngx-bg-alt) !important; background-color: var(--pngx-bg-disabled) !important;
} }
} }
} }

2
src-ui/src/styles.scss
View File

@ -366,7 +366,7 @@ textarea,
} }
.form-control:disabled, .form-control[readonly] { .form-control:disabled, .form-control[readonly] {
background-color: var(--pngx-bg-alt); background-color: var(--pngx-bg-disabled);
cursor: not-allowed; cursor: not-allowed;
} }

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

@ -25,6 +25,7 @@ $color-mode-type: data;
--pngx-bg-alt: #fff; --pngx-bg-alt: #fff;
--pngx-bg-darker: var(--bs-gray-100); --pngx-bg-darker: var(--bs-gray-100);
--pngx-bg-alt2: var(--bs-gray-200); --pngx-bg-alt2: var(--bs-gray-200);
--pngx-bg-disabled: #f7f7f7;
--pngx-focus-alpha: 0.3; --pngx-focus-alpha: 0.3;
} }
@ -83,6 +84,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
--pngx-bg-darker: #101216; --pngx-bg-darker: #101216;
--bs-tertiary-bg: var(--pngx-bg-darker); --bs-tertiary-bg: var(--pngx-bg-darker);
--pngx-bg-alt: #242529; --pngx-bg-alt: #242529;
--pngx-bg-disabled: var(--pngx-bg-alt);
--pngx-focus-alpha: 0.6; --pngx-focus-alpha: 0.6;
--pngx-primary-faded: var(--pngx-primary-darken-15); --pngx-primary-faded: var(--pngx-primary-darken-15);
--pngx-primary-text-contrast: var(--bs-body-color); --pngx-primary-text-contrast: var(--bs-body-color);