From 336e7ebc14e5aa8af64ef7b08c7a4b492bb83ad5 Mon Sep 17 00:00:00 2001
From: Yadnesh Tambe <106799295+yadneshx17@users.noreply.github.com>
Date: Sat, 20 Dec 2025 00:34:26 +0530
Subject: [PATCH] fix: make "Share Feedback" text always white since its
 background is always black (#4456)

* fix: make Share Feedback text always white

* fix: white text color for feedback options in light mode
---
 docs/.vitepress/theme/components/Feedback.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/theme/components/Feedback.vue b/docs/.vitepress/theme/components/Feedback.vue
index 391cc111f..162e1810d 100644
--- a/docs/.vitepress/theme/components/Feedback.vue
+++ b/docs/.vitepress/theme/components/Feedback.vue
@@ -154,7 +154,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
               :class="
                 isCardShown === false
                   ? `i-lucide:mail w-6 h-6 text-$vp-c-text-1`
-                  : `i-lucide:mail-x w-6 h-6 text-$vp-c-text-1`
+                  : `i-lucide:mail-x w-6 h-6 text-white`
               "
             />
           </div>
@@ -166,7 +166,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
           </div>
           <div>
             <button
-              class="bg-[#25262B] inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-$vp-c-text-1 border-$vp-c-divider"
+              class="bg-[#25262B] inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-white border-$vp-c-divider"
               @click="toggleCard()"
             >
               Share Feedback
@@ -191,7 +191,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
             <button
               v-for="item in feedbackOptions"
               :key="item.value"
-                class="bg-[#25262B] border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
+                class="bg-[#25262B] border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] text-white font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
               @click="handleSubmit(item.value)"
             >
               <span>{{ item.label }}</span>