From 6b1b7089517a16d65a207d7da65e8adf78242703 Mon Sep 17 00:00:00 2001
From: Aanchal Mishra <aanchal.mishra@konghq.com>
Date: Thu, 21 Jul 2022 19:24:28 -0400
Subject: [PATCH] style(kselect): update placeholder color

---
 packages/KSelect/KSelect.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/KSelect/KSelect.vue b/packages/KSelect/KSelect.vue
index 3011ee6ccc..f4b8eb40af 100644
--- 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;