fix: 修复暗色模式下部分显示问题

src/components/page/CommonPage.vue

@@ -3,7 +3,7 @@
     <header v-if="showHeader" px-15 mb-15 min-h-45 flex justify-between items-center>
       <slot v-if="$slots.header" name="header" />
       <template v-else>
-        <h2 color="#333" text-22 font-normal>{{ title || route.meta?.title }}</h2>
+        <h2 text-22 font-normal text-hex-333 dark:text-hex-ccc>{{ title || route.meta?.title }}</h2>
         <slot name="action" />
       </template>
     </header>

src/components/query-bar/QueryBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div min-h-60 p-15 flex items-start justify-between b-1 bc-ccc rounded-8 bg="#fafafc">
+  <div min-h-60 p-15 flex items-start justify-between b-1 bc-ccc rounded-8 bg="#fafafc" dark:bg-black>
     <n-space wrap :size="[35, 15]">
       <slot />
     </n-space>