From 80dcd17f6ee0e3114abee3ef4c932aad6f5f14b1 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Mon, 17 Apr 2023 17:50:30 +0530
Subject: [PATCH] fix: Border color for CSAT component in widget (#6915)

---
 app/javascript/shared/components/CustomerSatisfaction.vue | 6 ++++++
 app/javascript/widget/components/template/EmailInput.vue  | 3 ++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/shared/components/CustomerSatisfaction.vue b/app/javascript/shared/components/CustomerSatisfaction.vue
index 3901db4d1..bbe72aae0 100644
--- a/app/javascript/shared/components/CustomerSatisfaction.vue
+++ b/app/javascript/shared/components/CustomerSatisfaction.vue
@@ -233,4 +233,10 @@ export default {
     }
   }
 }
+
+@media (prefers-color-scheme: dark) {
+  .customer-satisfaction .feedback-form input {
+    border-top: 1px solid var(--b-500);
+  }
+}
 </style>
diff --git a/app/javascript/widget/components/template/EmailInput.vue b/app/javascript/widget/components/template/EmailInput.vue
index 8c7e3adf6..b360fc535 100644
--- a/app/javascript/widget/components/template/EmailInput.vue
+++ b/app/javascript/widget/components/template/EmailInput.vue
@@ -75,7 +75,8 @@ export default {
     },
     inputColor() {
       return `${this.$dm('bg-white', 'dark:bg-slate-600')}
-        ${this.$dm('text-black-900', 'dark:text-slate-50')}`;
+        ${this.$dm('text-black-900', 'dark:text-slate-50')}
+        ${this.$dm('border-black-200', 'dark:border-black-500')}`;
     },
     inputHasError() {
       return this.$v.email.$error