feat: 更新样式和优化组件，调整背景色及文本颜色

Author: piexlMax(奇淼

web/src/style/element_visiable.scss

@@ -87,6 +87,7 @@
   }
 }
 .el-menu {
+  background-color: transparent !important;
   li {
     @apply my-1;
   }

web/src/view/dashboard/components/card.vue

@@ -5,7 +5,7 @@
 
 <template>
   <div
-    class="rounded-xl border border-black/10 bg-white text-black/80 dark:border-white/10 dark:bg-black dark:text-white/80"
+    class="rounded-xl border border-black/10 bg-white text-black/80 dark:text-slate-400 dark:bg-slate-900 dark:text-white/80"
     :class="[customClass || '', withoutPadding ? 'p-0' : 'p-4']"
   >
     <div v-if="title" class="flex justify-between items-center">

web/src/view/dashboard/components/notice.vue

@@ -26,11 +26,6 @@
 
 <script setup>
   const notices = [
-    {
-      type: 'primary',
-      typeTitle: '公告',
-      title: '授权费将在从六月一日起结束第一价格梯度，进入第二价格梯度。'
-    },
     {
       type: 'success',
       typeTitle: '通知',

web/src/view/dashboard/components/quickLinks.vue

@@ -13,7 +13,7 @@
         @click="toPath(item)"
       >
         <div
-          class="w-10 h-10 rounded-lg border border-black/10 dark:border-white/10 flex items-center justify-center text-black/70 dark:text-white/70 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black transition-colors"
+          class="w-10 h-10 rounded-lg border border-black/10 dark:border-white/10 flex items-center justify-center text-black/70 dark:text-white/70 group-hover:bg-[var(--el-color-primary)] group-hover:text-white transition-colors"
         >
           <el-icon><component :is="item.icon" /></el-icon>
         </div>
@@ -32,7 +32,7 @@
         @click="openLink(item)"
       >
         <div
-          class="w-10 h-10 rounded-lg border border-black/10 dark:border-white/10 flex items-center justify-center text-black/70 dark:text-white/70 group-hover:bg-black group-hover:text-white dark:group-hover:bg-white dark:group-hover:text-black transition-colors"
+          class="w-10 h-10 rounded-lg border border-black/10 dark:border-white/10 flex items-center justify-center text-black/70 dark:text-white/70 group-hover:bg-[var(--el-color-primary)] group-hover:text-white transition-colors"
         >
           <el-icon><component :is="item.icon" /></el-icon>
         </div>

web/src/view/dashboard/components/wiki.vue

@@ -9,7 +9,7 @@
       v-for="item in wikis"
       :key="item.url"
       :href="item.url"
-      class="text-sm text-black/70 dark:text-white/70 no-underline hover:text-black dark:hover:text-white"
+      class="text-sm text-black/70 dark:text-white/70 no-underline hover:text-[var(--el-color-primary)] dark:hover:text-white"
       target="_blank"
     >
       {{ item.title }}

web/src/view/dashboard/index.vue

@@ -1,15 +1,8 @@
 <template>
   <div
-    class="h-full gva-container2 overflow-auto bg-white text-black dark:bg-black dark:text-white"
+    class="h-full gva-container2 overflow-auto bg-white text-black dark:bg-slate-800 dark:text-white"
   >
     <div class="p-4 lg:p-6">
-      <div class="mb-5 flex flex-col gap-1 sm:flex-row sm:items-end sm:justify-between">
-        <div>
-          <div class="text-lg font-semibold tracking-tight">仪表盘</div>
-          <div class="text-xs text-black/60 dark:text-white/60">概览 · {{ today }}</div>
-        </div>
-      </div>
-
       <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
         <gva-card>
           <gva-chart :type="1" title="访问人数" />

web/src/view/layout/aside/headMode.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="bg-white h-[calc(100%-4px)] text-slate-700 dark:text-slate-300 mx-2 dark:bg-slate-900 flex items-center w-[calc(100vw-600px)] overflow-auto"
+    class="h-full text-slate-700 dark:text-slate-300 mx-2 flex items-center w-[calc(100vw-600px)] overflow-auto"
     ref="menuContainer"
   >
     <el-menu