优化深色主题

src/views/dashboard/PanelGroup.vue

@@ -86,7 +86,7 @@ function handleSetLineChartData(type) {
     position: relative;
     overflow: hidden;
     color: #666;
-    background: #fff;
+    background: var(--base-bg-main);
     box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
     border-color: rgba(0, 0, 0, 0.05);
 
@@ -149,13 +149,14 @@ function handleSetLineChartData(type) {
 
       .card-panel-text {
         line-height: 18px;
-        color: rgba(0, 0, 0, 0.45);
+        color: var(--base-color-white);
         font-size: 16px;
         margin-bottom: 12px;
       }
 
       .card-panel-num {
         font-size: 20px;
+        color: var(--base-color-white);
       }
     }
   }

src/views/index_v1.vue

@@ -84,8 +84,12 @@
     </el-row>
     <panel-group @handleSetLineChartData="handleSetLineChartData" />
 
-    <el-row class="mb20" style="background: #fff">
-      <line-chart :chart-data="lineChartData" :key="dataType" />
+    <el-row :gutter="32">
+      <el-col :xs="24" :sm="24" :lg="24">
+        <div class="chart-wrapper">
+          <line-chart :chart-data="lineChartData" :key="dataType" />
+        </div>
+      </el-col>
     </el-row>
 
     <el-row :gutter="32">
@@ -116,7 +120,6 @@ import PieChart from './dashboard/PieChart'
 import BarChart from './dashboard/BarChart'
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll'
 import { listNewArticle } from '@/api/system/article.js'
-import { computed, getCurrentInstance, reactive } from 'vue'
 
 const data = {
   newVisitis: {
@@ -160,7 +163,7 @@ function onOpenGitee() {}
 
 <style lang="scss" scoped>
 .home {
-  width: 100%;
+  width: 97%;
   overflow: hidden;
   .home-card-more {
     float: right;
@@ -338,11 +341,11 @@ function onOpenGitee() {}
 }
 .dashboard-editor-container {
   padding: 18px;
-  background-color: rgb(240, 242, 245);
+  background-color: var(--base-bg-main);
   position: relative;
 
   .chart-wrapper {
-    background: #fff;
+    background: var(--base-bg-main);
     padding: 16px 16px 0;
     margin-bottom: 32px;
   }