style(kselect): update placeholder color

Kong · Jul 21, 2022 · 6b1b708 · 6b1b708
1 parent 7842cee
commit 6b1b708
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/KSelect/KSelect.vue b/packages/KSelect/KSelect.vue
@@ -98,7 +98,7 @@
               :label="label && overlayLabel ? label : null"
               :overlay-label="overlayLabel"
               :placeholder="selectedItem && appearance === 'select' ? selectedItem.label : placeholderText"
-              :class="{ 'cursor-default prevent-pointer-events': !filterIsEnabled }"
+              :class="{ 'cursor-default prevent-pointer-events': !filterIsEnabled ,'input-placeholder-dark': appearance === 'select'}"
               class="k-select-input"
               @keypress="onInputKeypress"
               @keyup="!$attrs.disabled ? triggerFocus(isToggled) : null"
@@ -479,6 +479,10 @@ export default {
       }
     }
 
+   .input-placeholder-dark input::placeholder {
+      color: var(--KInputColor, var(--black-70, rgba(0, 0, 0, 0.7))) !important;
+    }
+
     input.k-input {
       padding: var(--spacing-xs);
       height: 44px;