From 209a2df608a94b4b5ee7027d3af0837cf7c35e21 Mon Sep 17 00:00:00 2001 From: Christopher Ng Date: Wed, 14 Jun 2023 10:44:56 -0700 Subject: [PATCH] fix(NcSelect): Disabled colors Signed-off-by: Christopher Ng --- src/components/NcSelect/NcSelect.vue | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue index e8ec93517e..48f427504d 100644 --- a/src/components/NcSelect/NcSelect.vue +++ b/src/components/NcSelect/NcSelect.vue @@ -955,11 +955,11 @@ body { --vs-line-height: var(--default-line-height); /* Disabled State */ - --vs-state-disabled-bg: var(--color-background-dark); + --vs-state-disabled-bg: var(--color-background-hover); --vs-state-disabled-color: var(--color-text-maxcontrast); --vs-state-disabled-controls-color: var(--color-text-maxcontrast); --vs-state-disabled-cursor: not-allowed; - --vs-disabled-bg: var(--color-background-dark); + --vs-disabled-bg: var(--color-background-hover); --vs-disabled-color: var(--color-text-maxcontrast); --vs-disabled-cursor: not-allowed; @@ -1025,6 +1025,11 @@ body { } &.vs--disabled { + .vs__search, + .vs__selected { + color: var(--color-text-maxcontrast); + } + .vs__clear, .vs__deselect { display: none;