fix(NcSelect): Disabled colors

Signed-off-by: Christopher Ng <chrng8@gmail.com>
nextcloud-libraries · Jun 16, 2023 · 209a2df · 209a2df
1 parent d87b428
commit 209a2df
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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;