diff --git a/components/i/search/RecommendQuestion.vue b/components/i/search/RecommendQuestion.vue
index 94f43c25de9499a92317875d894f7929e81665ae..e1fe5e21ecf3cfbf756cf53f877850e198cb10b2 100644
--- a/components/i/search/RecommendQuestion.vue
+++ b/components/i/search/RecommendQuestion.vue
@@ -8,6 +8,7 @@
             v-for="item in recommendQuestions"
             color="gray"
             size="md"
+            :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
             @click="handleClick(item.title)"
         >
             <div class="justify-between w-full flex items-center">
@@ -18,6 +19,7 @@
     </div>
 </template>
 <script setup>
+const colorMode = useColorMode()
 defineProps({
     recommendQuestions: {
         type: Array,