Merge pull request #4079 from nextcloud/bugfix/noid/fix-dark-mode-NcS…

…elect fix(NcSelect): Fix disabled state of NcSelect with dark mode
nextcloud-libraries · May 11, 2023 · 4aab112 · 4aab112
2 parents 0a98aca + 43e8e2c
commit 4aab112
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue
@@ -945,6 +945,9 @@ body {
 	--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-color: var(--color-text-maxcontrast);
+	--vs-disabled-cursor: not-allowed;
 
 	/* Borders */
 	--vs-border-color: var(--color-border-maxcontrast);
@@ -998,13 +1001,13 @@ body {
 		margin-right: 2px;
 	}
 
-	&.vs--open .vs__dropdown-toggle {
-		border-color: var(--color-primary);
+	&.vs--open .vs__dropdown-toggle:not([disabled]) {
+		border-color: var(--color-primary-element);
 		border-bottom-color: transparent;
 	}
 
-	&:not(.vs--open) .vs__dropdown-toggle:hover {
-		border-color: var(--color-primary);
+	&:not(.vs--open) .vs__dropdown-toggle:hover:not([disabled]) {
+		border-color: var(--color-primary-element);
 	}
 
 	&--no-wrap {
@@ -1019,7 +1022,7 @@ body {
 			.vs__dropdown-toggle {
 				border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
 				border-top-color: transparent;
-				border-bottom-color: var(--color-primary);
+				border-bottom-color: var(--color-primary-element);
 			}
 		}
 	}