From ecdc3bead13823d97e6533be186bce50f755226d Mon Sep 17 00:00:00 2001 From: shamoon <4887959+shamoon@users.noreply.github.com> Date: Wed, 11 Dec 2024 00:41:44 -0800 Subject: [PATCH] Better reflect disabled for light mode form elements --- .../common/input/document-link/document-link.component.scss | 2 +- .../permissions-group/permissions-group.component.scss | 2 +- .../permissions-user/permissions-user.component.scss | 2 +- .../app/components/common/input/select/select.component.scss | 2 +- src-ui/src/app/components/common/input/tags/tags.component.scss | 2 +- src-ui/src/styles.scss | 2 +- src-ui/src/theme.scss | 2 ++ 7 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src-ui/src/app/components/common/input/document-link/document-link.component.scss b/src-ui/src/app/components/common/input/document-link/document-link.component.scss index 1c83a7122..c83886844 100644 --- a/src-ui/src/app/components/common/input/document-link/document-link.component.scss +++ b/src-ui/src/app/components/common/input/document-link/document-link.component.scss @@ -14,7 +14,7 @@ div, .ng-arrow-wrapper, input { cursor: not-allowed; } - background-color: var(--pngx-bg-alt) !important; + background-color: var(--pngx-bg-disabled) !important; } } } diff --git a/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss b/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss index 822f7e490..cbf101ea6 100644 --- a/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss +++ b/src-ui/src/app/components/common/input/permissions/permissions-group/permissions-group.component.scss @@ -5,7 +5,7 @@ pointer-events: none; .ng-select-container { - background-color: var(--pngx-bg-alt) !important; + background-color: var(--pngx-bg-disabled) !important; } } } diff --git a/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss b/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss index 822f7e490..cbf101ea6 100644 --- a/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss +++ b/src-ui/src/app/components/common/input/permissions/permissions-user/permissions-user.component.scss @@ -5,7 +5,7 @@ pointer-events: none; .ng-select-container { - background-color: var(--pngx-bg-alt) !important; + background-color: var(--pngx-bg-disabled) !important; } } } diff --git a/src-ui/src/app/components/common/input/select/select.component.scss b/src-ui/src/app/components/common/input/select/select.component.scss index 4a6f6da61..e739081f1 100644 --- a/src-ui/src/app/components/common/input/select/select.component.scss +++ b/src-ui/src/app/components/common/input/select/select.component.scss @@ -9,7 +9,7 @@ pointer-events: none; .ng-select-container { - background-color: var(--pngx-bg-alt) !important; + background-color: var(--pngx-bg-disabled) !important; } } } diff --git a/src-ui/src/app/components/common/input/tags/tags.component.scss b/src-ui/src/app/components/common/input/tags/tags.component.scss index 65b8603e0..342342f25 100644 --- a/src-ui/src/app/components/common/input/tags/tags.component.scss +++ b/src-ui/src/app/components/common/input/tags/tags.component.scss @@ -16,7 +16,7 @@ pointer-events: none; .ng-select-container { - background-color: var(--pngx-bg-alt) !important; + background-color: var(--pngx-bg-disabled) !important; } } } diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss index a1fa794f3..e5987d5d2 100644 --- a/src-ui/src/styles.scss +++ b/src-ui/src/styles.scss @@ -366,7 +366,7 @@ textarea, } .form-control:disabled, .form-control[readonly] { - background-color: var(--pngx-bg-alt); + background-color: var(--pngx-bg-disabled); cursor: not-allowed; } diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss index 1d0e8e7d6..380f78d7d 100644 --- a/src-ui/src/theme.scss +++ b/src-ui/src/theme.scss @@ -25,6 +25,7 @@ $color-mode-type: data; --pngx-bg-alt: #fff; --pngx-bg-darker: var(--bs-gray-100); --pngx-bg-alt2: var(--bs-gray-200); + --pngx-bg-disabled: #f7f7f7; --pngx-focus-alpha: 0.3; } @@ -83,6 +84,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,