From 91d698f6828272a844e6847dc4409c99a493e697 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=95=E5=8D=97=E5=9B=BD?= <164292041@qq.com>
Date: Mon, 8 Jun 2026 17:54:05 +0800
Subject: [PATCH] =?UTF-8?q?[update]=E8=A1=A8=E6=A0=BC=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E6=9A=97=E9=BB=91=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../backend/user/moneyLog/annualReport.vue    | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/web/src/views/backend/user/moneyLog/annualReport.vue b/web/src/views/backend/user/moneyLog/annualReport.vue
index 6fe841c..fdf0140 100644
--- a/web/src/views/backend/user/moneyLog/annualReport.vue
+++ b/web/src/views/backend/user/moneyLog/annualReport.vue
@@ -302,7 +302,7 @@ onBeforeUnmount(() => {
 <style scoped lang="scss">
 .annual-report {
     padding: 22px;
-    color: #333;
+    color: var(--el-text-color-primary);
 }
 
 .report-heading {
@@ -330,7 +330,7 @@ onBeforeUnmount(() => {
 .report-table-wrap {
     overflow-x: auto;
     margin-bottom: 18px;
-    background: #fff;
+    background: var(--el-bg-color);
 }
 
 .report-table {
@@ -344,14 +344,16 @@ onBeforeUnmount(() => {
     td {
         height: 39px;
         padding: 5px 7px;
-        border: 1px solid #dedede;
+        border: 1px solid var(--el-border-color);
+        background: var(--el-bg-color);
+        color: var(--el-text-color-primary);
         text-align: center;
         white-space: nowrap;
     }
 
     thead th {
-        background: #f7f7f7;
-        color: #555;
+        background: var(--el-fill-color-light);
+        color: var(--el-text-color-regular);
         font-weight: 600;
     }
 
@@ -360,7 +362,7 @@ onBeforeUnmount(() => {
     }
 
     tbody th {
-        background: #fafafa;
+        background: var(--el-fill-color-lighter);
         text-align: left;
         font-weight: 600;
         line-height: 18px;
@@ -370,20 +372,22 @@ onBeforeUnmount(() => {
     }
 
     .year-total {
-        background: #fafafa;
+        background: var(--el-fill-color-lighter);
         font-weight: 600;
     }
 }
 
 .chart-card {
     margin-bottom: 18px;
-    border: 1px solid #dedede;
-    background: #fff;
+    border: 1px solid var(--el-border-color);
+    background: var(--el-bg-color);
 
     h2 {
         margin: 0;
         padding: 12px 16px;
-        border-bottom: 1px solid #e5e5e5;
+        border-bottom: 1px solid var(--el-border-color);
+        background: var(--el-fill-color-light);
+        color: var(--el-text-color-primary);
         font-size: 14px;
         font-weight: 600;
     }