aa

src/components/home/header.vue

@@ -88,12 +88,13 @@
       >
         <button
           @click="themeStore.toggleTheme()"
-          class="p-2 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"
+          class="p-2 rounded-full mt-1 hover:bg-gray-500/60 transition-colors cursor-pointer"
           title="切换主题"
         >
           <!-- 简单图标切换，也可以使用 Icon 组件 -->
-          <span v-if="themeStore.theme === 'light'">🌙</span>
-          <span v-else>☀️</span>
+          <!-- <span v-if="themeStore.theme === 'light'">🌙</span> -->
+          <Icon v-if="themeStore.theme === 'light'" icon="ri:moon-fill" />
+          <Icon v-else icon="ri:sun-fill" />
         </button>
         <!-- 消息中心 -->
         <el-dropdown trigger="click" placement="bottom-end">

src/views/index.vue

@@ -147,9 +147,10 @@
                 <button type="button" class="quick-btn quick-btn--dropdown">
                   <Icon icon="mdi:check" class="btn-icon" />
                   <span class="btn-label quick-btn__meta">我的已办</span>
-                  <span class="p-2 inline-block quick-btn__count quick-btn__count--done">{{
-                    done
-                  }}</span>
+                  <span
+                    class="p-2 inline-block quick-btn__count quick-btn__count--done"
+                    >{{ done }}</span
+                  >
                   <!-- <Icon icon="mdi:chevron-down" class="quick-btn__arrow" /> -->
                 </button>
                 <template #dropdown>
@@ -176,27 +177,6 @@
                   </el-dropdown-menu>
                 </template>
               </el-dropdown>
-              <!-- <button
-                type="button"
-                class="quick-btn"
-                @click="router.push('/copied-to-me')"
-              >
-                <Icon
-                  icon="mdi:arrow-right-bold-circle-outline"
-                  class="btn-icon"
-                />
-                <span class="btn-label">抄送我的</span>
-                <span class="badge">8</span>
-              </button>
-              <button
-                type="button"
-                class="quick-btn"
-                @click="router.push('/favorites')"
-              >
-                <Icon icon="mdi:star-outline" class="btn-icon" />
-                <span class="btn-label">我的收藏</span>
-                <span class="badge">5</span>
-              </button> -->
             </div>
           </div>
           <article
@@ -365,9 +345,7 @@
               >
                 <div class="flex min-w-0 items-start justify-between gap-3">
                   <div class="min-w-0">
-                    <div
-                      class="truncate text-[14px] font-semibold text-white/70"
-                    >
+                    <div class="truncate text-[14px] font-semibold">
                       {{ task.requestName }}
                     </div>
                     <div class="mt-1 text-[12px] text-[#8a9ab0]">
@@ -390,7 +368,7 @@
                   <button type="button" class="quick-todo-btn">
                     <div class="number">{{ todo }}</div>
                     <div class="flex gap-2 items-center">
-                      <div class="!text-[10px] text-white/60">我的待办</div>
+                      <div class="!text-[10px] aside-btn">我的待办</div>
                       <Icon
                         icon="mdi:clipboard-text-outline"
                         color="#7f2c33"
@@ -438,9 +416,9 @@
                     type="button"
                     class="quick-todo-btn quick-todo-btn--center"
                   >
-                    <div class="number text-white!">{{ done }}</div>
+                    <div class="number text-[#2d8767]!">{{ done }}</div>
                     <div class="flex gap-2 items-center pl-2">
-                      <div class="!text-[10px] text-white/60">已完成</div>
+                      <div class="!text-[10px] aside-btn">已完成</div>
                       <Icon
                         icon="mdi:check-circle-outline"
                         color="#2d8767"
@@ -515,7 +493,7 @@
               >
                 <div class="min-w-0 flex-1">
                   <div
-                    class="line-clamp-1 text-[13px] font-semibold leading-[1.45] text-[#c8d0e5]"
+                    class="line-clamp-1 text-[13px] font-semibold leading-[1.45]"
                   >
                     {{ news.docsubject }}
                   </div>
@@ -1351,7 +1329,11 @@ onUnmounted(() => {
       rgba(83, 126, 255, 0.14),
       transparent 22%
     ),
-    radial-gradient(circle at 82% 20%, rgba(71, 148, 255, 0.14), transparent 20%),
+    radial-gradient(
+      circle at 82% 20%,
+      rgba(71, 148, 255, 0.14),
+      transparent 20%
+    ),
     radial-gradient(
       circle at 50% 100%,
       rgba(97, 142, 247, 0.12),
@@ -1422,7 +1404,9 @@ onUnmounted(() => {
   background:
     linear-gradient(135deg, var(--portal-accent-soft), transparent 32%),
     linear-gradient(180deg, var(--portal-card), var(--portal-card-2));
-  box-shadow: var(--portal-shadow-strong), inset 0 1px 0 rgba(255, 255, 255, 0.06);
+  box-shadow:
+    var(--portal-shadow-strong),
+    inset 0 1px 0 rgba(255, 255, 255, 0.06);
   overflow: hidden;
 }
 
@@ -1504,7 +1488,9 @@ onUnmounted(() => {
   border: 1px solid var(--portal-line);
   border-radius: 8px;
   background: linear-gradient(180deg, var(--portal-card), var(--portal-card-2));
-  box-shadow: var(--portal-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  box-shadow:
+    var(--portal-shadow),
+    inset 0 1px 0 rgba(255, 255, 255, 0.04);
 }
 
 .platform-block__header {
@@ -1586,7 +1572,11 @@ onUnmounted(() => {
 }
 
 .platform-app--active {
-  background: linear-gradient(90deg, rgba(76, 103, 224, 0.32), var(--portal-card));
+  background: linear-gradient(
+    90deg,
+    rgba(76, 103, 224, 0.32),
+    var(--portal-card)
+  );
   color: var(--portal-title);
   border-color: rgba(129, 145, 255, 0.44);
   box-shadow: inset 0 0 0 1px rgba(159, 173, 255, 0.08);
@@ -1648,7 +1638,9 @@ onUnmounted(() => {
   border: 1px solid var(--portal-line);
   border-radius: 14px;
   background: linear-gradient(180deg, var(--portal-card), var(--portal-card-2));
-  box-shadow: var(--portal-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04);
+  box-shadow:
+    var(--portal-shadow),
+    inset 0 1px 0 rgba(255, 255, 255, 0.04);
 }
 
 .side-card--content {
@@ -2085,6 +2077,10 @@ onUnmounted(() => {
   color: var(--portal-number-done);
 }
 
+.aside-btn {
+  color: var(--portal-text-soft);
+}
+
 .badge {
   display: inline-flex;
   align-items: center;