[update]表格适配暗黑模式

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;
     }