diff --git a/components/i/search/RecommendQuestion.vue b/components/i/search/RecommendQuestion.vue
index e1fe5e21ecf3cfbf756cf53f877850e198cb10b2..954e0052370dabbd87e7efebd08280999f854eff 100644
--- a/components/i/search/RecommendQuestion.vue
+++ b/components/i/search/RecommendQuestion.vue
@@ -8,7 +8,7 @@
             v-for="item in recommendQuestions"
             color="gray"
             size="md"
-            :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+            variant="soft"
             @click="handleClick(item.title)"
         >
             <div class="justify-between w-full flex items-center">
@@ -19,7 +19,6 @@
     </div>
 </template>
 <script setup>
-const colorMode = useColorMode()
 defineProps({
     recommendQuestions: {
         type: Array,
diff --git a/pages/index.vue b/pages/index.vue
index c703ba69022cdbd45f934b5aa34a123e5a3d4d75..c263f3d8a66789e9083d0c99baaf3e30154c2927 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -8,7 +8,7 @@
                 <UButton
                     class="flex justify-between"
                     color="gray"
-                    :variant="colorMode.value === 'dark' ? 'solid' : 'soft'"
+                    variant="soft"
                     size="md"
                     :trailing-icon="item.c_id ? 'i-heroicons-chevron-right-20-solid' : 'i-heroicons-plus-20-solid'"
                     :label="item.title"
@@ -20,7 +20,6 @@
     </div>
 </template>
 <script setup>
-const colorMode = useColorMode()
 const recommendQuestions = [
     {
         title: '如何解决 CORS 问题',