feat: enhance dark mode support across various components

- Updated styles in AccountSetting, SystemConfig, Version, and other components to improve dark mode visibility.
- Added dark mode classes for text and background colors to ensure better contrast and readability.
- Modified CSS variables in dark.css for consistent theming.
- Improved accessibility by ensuring all text elements are legible in dark mode.

src/pages/home/components/chat/ChatEmpty.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col h-full overflow-auto py-6 px-6">
     <div class="pt-30">
-      <h1 class="text-[28px] font-bold mb-7 leading-tight">
+      <h1 class="text-[28px] font-bold mb-7 leading-tight dark:text-gray-100">
         你好，<br />
         我今天能帮你什么？
       </h1>
@@ -9,7 +9,7 @@
         <button
           v-for="tag in quickTags"
           :key="tag"
-          class="px-3 py-1.5 rounded-2xl border border-[#E5E8EE] text-[13px] text-[#333] cursor-pointer hover:bg-[#2B7FFF] hover:text-white hover:border-[#2B7FFF] transition-colors"
+          class="px-3 py-1.5 rounded-2xl border border-[#E5E8EE] dark:border-[#2a2a2d] text-[13px] text-[#333] dark:text-gray-100 cursor-pointer hover:bg-[#2B7FFF] hover:text-white hover:border-[#2B7FFF] transition-colors"
           @click="emit('click-tag', tag)"
         >
           {{ tag }}