diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index 3857a88..2b467d5 100644
--- a/src/assets/css/index.scss
+++ b/src/assets/css/index.scss
@@ -96,17 +96,17 @@
 .yh-big-input {
   width: 253px;
   height: 14px;
-  background: transparent;
-  border: 1px solid rgba(255, 255, 255, .53);
+  background: #ffffff;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
-  color: #fff;
+  color: #000000;
   padding: 6px 10px;
   font-size: 14px;
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 
   &:focus {
     outline: none;
-    border-color: #31abe3;
+    border-color: #1890ff;
   }
 }
 
@@ -116,17 +116,17 @@
 
   .el-input__inner {
     padding: 6px 10px;
-    border: 1px solid rgba(255, 255, 255, .53);
-    background-color: transparent;
+    border: 1px solid #d9d9d9;
+    background-color: #000000;
     font-size: 14px;
     line-height: 1;
-    color: #fff;
+    color: #000000;
     &:hover{
-      border-color: rgba(255, 255, 255, .8);
+      border-color: #40a9ff;
     }
     &:focus {
       outline: none;
-      border-color: #31abe3;
+      border-color: #1890ff;
     }
 
   }
@@ -136,19 +136,19 @@
 .yh-big-button {
   width: 53px;
   height: 26px;
-  background: #00b1d6;
+  background: #1890ff;
   border-radius: 4px;
-  // border-color: #00b1d6;
+  // border-color: #1890ff;
   border-width: 1px;
   border: none;
   cursor: pointer;
-  color: #fff;
+  color: #000000;
   font-size: 15px;
 
   &:hover,
   &:focus {
-    // border-color: #0597b4;
-    background: #0597b4;
+    // border-color: #40a9ff;
+    background: #40a9ff;
   }
 }
 
@@ -177,8 +177,8 @@
 
 //表格样式重置
 .ve-table {
-  $border-color: #525371;
-  // $border-color: rgba(255, 255, 255, .43);
+  $border-color: #e8e8e8;
+  // $border-color: rgba(0, 0, 0, .15);
   box-sizing: border-box;
 
   .ve-table-container {
@@ -229,8 +229,8 @@
     box-sizing: border-box;
 
     th.ve-table-header-th {
-      background: #04004E;
-      color: #FFF;
+      background: #fafafa;
+      color: #000000;
       border-color: $border-color;
       box-sizing: border-box;
       line-height: 1;
@@ -244,7 +244,7 @@
     tr.ve-table-body-tr td.ve-table-expand-td,
     tr.ve-table-expand-tr td.ve-table-expand-td {
       background: transparent;
-      color: #FFA500;
+      color: #000000;
       border-color: $border-color;
       box-sizing: border-box;
     }
@@ -256,7 +256,7 @@
     }
 
     &.ve-table-row-hover tr.ve-table-body-tr:hover td {
-      background-color: rgba(0, 0, 0, .22);
+      background-color: rgba(24, 144, 255, .1);
       box-sizing: border-box;
     }
   }
diff --git a/src/assets/css/modules/variables.scss b/src/assets/css/modules/variables.scss
index e36162c..c420871 100644
--- a/src/assets/css/modules/variables.scss
+++ b/src/assets/css/modules/variables.scss
@@ -1,17 +1,17 @@
-// 颜色
+// 颜色 - 浅色主题
 $colors: (
-  "primary": #1A5CD7,
-  "info-1": #4394e4,
-  "info": #4b67af,
+  "primary": #1890ff,
+  "info-1": #40a9ff,
+  "info": #1890ff,
   "white": #ffffff,
-  "light": #f9f9f9,
+  "light": #f5f7fa,
   "grey-1": #999999,
   "grey": #666666,
-  "dark-1": #5f5f5f,
+  "dark-1": #333333,
   "dark": #222222,
-  "black-1": #171823,
+  "black-1": #000000,
   "black": #000000,
-  "icon": #5cd9e8
+  "icon": #1890ff
 );
 
 // 字体大小
diff --git a/src/assets/css/variable.scss b/src/assets/css/variable.scss
index 6541052..22c9c93 100644
--- a/src/assets/css/variable.scss
+++ b/src/assets/css/variable.scss
@@ -1,12 +1,12 @@
-// 颜色
+// 颜色 - 浅色主题
 $primary-color: #1890ff;
-$primary-color-hl: rgb(41, 52, 67);
-$default-color: #006569;
+$primary-color-hl: #40a9ff;
+$default-color: #1890ff;
 $link: #1890ff;
-$active-color: rgb(0, 101, 105);
-$del-color: #ff1839;
-$content-background: #f3f5fa;
-$table-header-background: #d8eaff;
+$active-color: #096dd9;
+$del-color: #ff4d4f;
+$content-background: #ffffff;
+$table-header-background: #f0f7ff;
 
 $primary-color-rgba: rgba($color: $primary-color,
   $alpha: 0.1,
diff --git a/src/components/item-wrap/item-wrap.vue b/src/components/item-wrap/item-wrap.vue
index a349e15..1813c91 100644
--- a/src/components/item-wrap/item-wrap.vue
+++ b/src/components/item-wrap/item-wrap.vue
@@ -53,9 +53,9 @@ $item_title_content-height: calc(100% - 38px);
     height: $item-title-height;
     line-height: $item-title-height;
     width: 100%;
-    color: #31abe3;
+    color: #1890ff;
     text-align: center;
-    // background: linear-gradient(to right, transparent, #0f0756, transparent);
+    // background: linear-gradient(to right, transparent, #f0f7ff, transparent);
     position: relative;
     display: flex;
     align-items: center;
@@ -76,9 +76,9 @@ $item_title_content-height: calc(100% - 38px);
       letter-spacing: 2px;
       background: linear-gradient(
         92deg,
-        #acb1b7 0%,
-        #00eaff 48.8525390625%,
-        #01aaff 100%
+        #666666 0%,
+        #1890ff 48.8525390625%,
+        #096dd9 100%
       );
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
diff --git a/src/views/dishboard.vue b/src/views/dishboard.vue
index cb62e64..ec681f3 100644
--- a/src/views/dishboard.vue
+++ b/src/views/dishboard.vue
@@ -146,7 +146,7 @@
   <style scoped>
   .dashboard {
     background: #0a1931;
-    color: white;
+    color: #000000;
     padding: 20px;
   }
   .header {
diff --git a/src/views/home.scss b/src/views/home.scss
index fa8ba91..3284521 100644
--- a/src/views/home.scss
+++ b/src/views/home.scss
@@ -1,5 +1,5 @@
 .scale-wrap {
-    color: #d3d6dd;
+    color: #000000;
     width: 1920px;
     height: 1080px;
     overflow: hidden;
@@ -15,7 +15,7 @@
         height: 100%;
         padding: 16px 16px 10px 16px;
         box-sizing: border-box;
-        background-image: url("../assets/img/u0.svg");
+        background-color: #f5f7fa;
         background-size: cover;
         background-position: center center;
     }
@@ -90,11 +90,13 @@
                 right: 0;
                 top: 30px;
                 font-size: 18px;
+                color: #000000;
                 display: flex;
                 align-items: center;
 
                 .blq-icon-shezhi02 {
                     cursor: pointer;
+                    color: #000000;
                 }
             }
         }
@@ -156,7 +158,7 @@
                 font-weight: 900;
                 letter-spacing: 6px;
                 width: 100%;
-                background: linear-gradient(92deg, #0072FF 0%, #00EAFF 48.8525390625%, #01AAFF 100%);
+                background: linear-gradient(92deg, #1890ff 0%, #40a9ff 48.8525390625%, #096dd9 100%);
                 -webkit-background-clip: text;
                 -webkit-text-fill-color: transparent;
             }
@@ -178,12 +180,12 @@
             width: 130px;
             height: 36px;
             border-radius: 18px 0px 0px 18px;
-            color: #00FBF8;
+            color: #1890ff;
             text-indent: 26px;
             line-height: 36px;
             font-size: 16px;
             margin-right: 20px;
-            background: linear-gradient(to right, rgba(76, 245, 255, .5), rgba(76, 245, 255, 0));
+            background: linear-gradient(to right, rgba(24, 144, 255, .1), rgba(24, 144, 255, 0));
         }
     }
 }
@@ -226,7 +228,7 @@
 
     .setting_inner {
         box-sizing: border-box;
-        background: #FFF;
+        background: #ffffff;
         width: 340px;
         height: 100%;
         position: absolute;
@@ -234,11 +236,11 @@
         top: 0;
         z-index: 1;
         color: #000000;
-        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .08);
 
         .setting_header {
             font-size: 20px;
-            color: rgb(0, 0, 0);
+            color: #000000;
             font-weight: 900;
             text-align: center;
             line-height: 40px;
@@ -256,11 +258,11 @@
 
             // display: flex;
             .setting_label {
-                color: #555454;
+                color: #000000;
             }
             .setting_label_tip{
                 font-size: 12px;
-                color: #838282;
+                color: #666666;
             }
         }
     }
diff --git a/src/views/home.vue b/src/views/home.vue
index 4b7723e..dcfa338 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -119,7 +119,7 @@ export default {
 }
 
 .title-name{
-  color: white;  
+  color: #000000;  
   font-size: 30px; 
   font-weight: 600; 
   margin-left: 20px;
diff --git a/src/views/indexs/center-bottom.vue b/src/views/indexs/center-bottom.vue
index 27f574e..7474bff 100644
--- a/src/views/indexs/center-bottom.vue
+++ b/src/views/indexs/center-bottom.vue
@@ -20,7 +20,7 @@ export default {
       // { name: '其它：10%', value: 260 }
     ]
   ],
-    colors: ["#00E5FF", "#FF5733"]
+    colors: ["#1890ff", "#ff9800"]
       //colors: ["#00E5FF", "#FF5733",  "#FFBF00", "#5CDB95"]
     };
   },
@@ -48,7 +48,7 @@ export default {
           text: '',
           left: 'center',
           textStyle: {
-            color: '#DDDDDD', // 将原来的 #999 改为更亮的灰色
+            color: '#000000', // 浅色主题使用黑色
             fontWeight: 'normal',
             fontSize: 14
           }
@@ -63,7 +63,7 @@ export default {
             left: 'center',
             width: '600px',
             itemStyle: {
-              borderColor: 'orange',
+              borderColor: '#ff9800', // 使用较暗的橙色边框
               borderWidth: 1
             },
             label: {
@@ -76,17 +76,17 @@ export default {
               rich: {
                 name: {  // 新增 name 样式
                   fontSize: 14,
-                  color: 'yellow', // 使用亮白色
+                  color: '#666666', // 使用深灰色降低亮度
                   padding: [0, 0, 5, 0]
                 },
                 value: {
                   fontSize: 12,
-                  color: 'orange',
+                  color: '#ff9800', // 使用较暗的橙色
                   padding: [0, 5, 0, 0]
                 },
                 percent: {
                   fontSize: 12,
-                  color: '#FF5733' // 保留原有橙色
+                  color: '#f57c00' // 使用更深的橙色
                 }
               }
             },
diff --git a/src/views/indexs/center-map.vue b/src/views/indexs/center-map.vue
index f8e369c..4a974a3 100644
--- a/src/views/indexs/center-map.vue
+++ b/src/views/indexs/center-map.vue
@@ -306,7 +306,7 @@ export default {
             ],
           },
           textStyle: {
-            color: "#fff",
+            color: "#000000",
           },
         },
         geo: {
@@ -347,7 +347,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#000000",
               },
             },
             label: {
@@ -435,7 +435,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#000000",
               },
             },
             label: {              
@@ -450,11 +450,11 @@ export default {
               fontSize: 11,
               offset: [0, 2],
               position: "bottom",
-              textBorderColor: "#fff",
+              textBorderColor: "#000000",
               textShadowColor: "#000",
               textShadowBlur: 10,
               textBorderWidth: 0,
-              color: "#FFF",
+              color: "#000000",
               show: true,
             },
             // colorBy: "data",
@@ -513,7 +513,7 @@ export default {
             ],
           },
           textStyle: {
-            color: "#fff",
+            color: "#000000",
           },
         },
         geo: {
@@ -553,7 +553,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#000000",
               },
             },
             label: {
@@ -637,7 +637,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#000000",
               },
             },
             label: {              
@@ -649,11 +649,11 @@ export default {
               fontSize: 11,
               offset: [0, 2],
               position: "bottom",
-              textBorderColor: "#fff",
+              textBorderColor: "#000000",
               textShadowColor: "#000",
               textShadowBlur: 10,
               textBorderWidth: 0,
-              color: "#FFF",
+              color: "#000000",
               show: true,
             },
             // colorBy: "data",
@@ -732,7 +732,7 @@ export default {
     font-size: 18px;
     font-weight: 900;
     letter-spacing: 4px;
-    color: white;
+    color: #000000;
     margin: 0 8px;
   }
   .zuo,
@@ -781,7 +781,7 @@ export default {
       font-size: 28px;
       font-weight: 900;
       letter-spacing: 6px;
-      color: white;
+      color: #000000;
       margin: 0 10px;
     }
     .zuo,
@@ -834,7 +834,7 @@ export default {
     height: 28px;
     border: 1px solid #00eded;
     border-radius: 10px;
-    color: white;
+    color: #000000;
     text-align: center;
     line-height: 26px;
     letter-spacing: 6px;
@@ -852,7 +852,7 @@ export default {
       height: 28px;
       border: 1px solid #00eded;
       border-radius: 10px;
-      color: white;
+      color: #000000;
       text-align: center;
       line-height: 26px;
       letter-spacing: 6px;
@@ -870,7 +870,7 @@ export default {
       height: 28px;
       border: 1px solid #00eded;
       border-radius: 10px;
-      color: white;
+      color: #000000;
       text-align: center;
       line-height: 26px;
       letter-spacing: 6px;
@@ -886,7 +886,7 @@ export default {
       left: 50%; /* 左边缘对齐 */
       transform: translateX(-50%); /* 向左移动自身宽度的50%以实现水平居中 */
       bottom:10px;
-      color: white;
+      color: #000000;
     }
   }
 }
diff --git a/src/views/indexs/chart/baseChart.vue b/src/views/indexs/chart/baseChart.vue
index 3951e11..25ae03f 100644
--- a/src/views/indexs/chart/baseChart.vue
+++ b/src/views/indexs/chart/baseChart.vue
@@ -39,7 +39,7 @@ export default {
          },
         legend: {
           data: ['碳减排量(kg)', '行驶里程(km)'],
-          textStyle: { color: '#fff' }
+          textStyle: { color: '#000000' }
         },
         grid: {
           left: '18%',
@@ -50,16 +50,19 @@ export default {
         xAxis: {
           type: 'category',
           data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
-          axisLine: { lineStyle: { color: '#fff' } },
-          axisLabel: { color: '#fff' }
+          axisLine: { lineStyle: { color: '#000000' } },
+          axisLabel: { color: '#000000' }
         },
         yAxis: [
           {
             type: 'value',
             // name: '碳减排量',
-            axisLine: { lineStyle: { color: '#fff' } },
-            axisLabel: { color: '#fff' },
-            splitLine: { show: false },
+            axisLine: { lineStyle: { color: '#000000' } },
+            axisLabel: { color: '#000000' },
+            splitLine: { 
+              show: true,
+              lineStyle: { color: '#e8e8e8', type: 'dashed' }
+            },
             axisLabel: {
               formatter: '{value}kg'
             }
@@ -67,9 +70,12 @@ export default {
           {
             type: 'value',
             // name: '行驶里程',
-            axisLine: { lineStyle: { color: '#fff' } },
-            axisLabel: { color: '#fff' },
-            splitLine: { show: false },
+            axisLine: { lineStyle: { color: '#000000' } },
+            axisLabel: { color: '#000000' },
+            splitLine: { 
+              show: true,
+              lineStyle: { color: '#e8e8e8', type: 'dashed' }
+            },
             axisLabel: {
               formatter: '{value}km'
             }
@@ -80,7 +86,7 @@ export default {
             name: '碳减排量(kg)',
             type: 'bar',
             data: [1000, 1500, 1800, 1200, 2000, 2500, 1800, 2200, 3000, 3500,2600, 3600],
-            itemStyle: { color: '#00BAFF' },
+            itemStyle: { color: '#1890ff' },
             barWidth: 14
           },
           {
@@ -89,7 +95,7 @@ export default {
             yAxisIndex: 1,
 
             data: [3500, 400, 4200, 3800, 4500, 4800, 4200, 4600, 4900, 5200, 4700, 5500],
-            itemStyle: { color: '#FFC600' },
+            itemStyle: { color: '#52c41a' },
             smooth: true,
             lineStyle: { width: 2 },
             symbol: 'circle',
@@ -107,8 +113,8 @@ export default {
           //subtext: '年度碳减排量',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 18}
+          textStyle: { color: '#000000', fontSize: 18 },
+          subtextStyle: { color: '#000000', fontSize: 18}
         },
         graphic: [
           {
@@ -117,7 +123,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '年\n度\n碳\n减\n排\n量',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#000000',
               font: '16px sans-serif',
             }
           }
@@ -131,8 +137,8 @@ export default {
             label: { show: false },
             labelLine: { show: false },
             data: [
-              { value: 5, name: '碳排放量', itemStyle: { color: '#7d70f9' } },
-              { value: 95, name: 'other', itemStyle: { color: '#2f4c6e' } }
+              { value: 5, name: '碳排放量', itemStyle: { color: '#1890ff' } },
+              { value: 95, name: 'other', itemStyle: { color: '#f0f0f0' } }
             ]
           }
         ]
@@ -147,8 +153,8 @@ export default {
           //subtext: '年度行驶里程',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 12 }
+          textStyle: { color: '#000000', fontSize: 18 },
+          subtextStyle: { color: '#000000', fontSize: 12 }
         },
         graphic: [
           {
@@ -157,7 +163,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '年\n度\n行\n驶\n里\n程',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#000000',
               font: '16px sans-serif',
             }
           }
@@ -171,8 +177,8 @@ export default {
             label: { show: false },
             labelLine: { show: false },
             data: [
-              { value: 85, name: '行驶里程', itemStyle: { color: '#00BAFF' } },
-              { value: 15, name: 'other', itemStyle: { color: '#2f4c6e' } }
+              { value: 85, name: '行驶里程', itemStyle: { color: '#52c41a' } },
+              { value: 15, name: 'other', itemStyle: { color: '#f0f0f0' } }
             ]
           }
         ]
diff --git a/src/views/indexs/index.vue b/src/views/indexs/index.vue
index b27e23b..284b58d 100644
--- a/src/views/indexs/index.vue
+++ b/src/views/indexs/index.vue
@@ -189,11 +189,11 @@ export default {
 
     .tech-text {
         font-size: 14px;
-        color: #8c8c8c;
+        color: #666666;
         font-weight: 500;
         letter-spacing: 0.8px;
         white-space: nowrap;
-        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
         position: relative;
 
         // 添加一个简洁的下划线装饰
@@ -204,7 +204,7 @@ export default {
             left: 0;
             width: 100%;
             height: 1px;
-            background: linear-gradient(90deg, #8c8c8c 0%, transparent 100%);
+            background: linear-gradient(90deg, #666666 0%, transparent 100%);
             opacity: 0.4;
             transition: opacity 0.3s ease;
         }
diff --git a/src/views/indexs/left-bottom.vue b/src/views/indexs/left-bottom.vue
index cf434db..416edc7 100644
--- a/src/views/indexs/left-bottom.vue
+++ b/src/views/indexs/left-bottom.vue
@@ -56,17 +56,17 @@ export default {
         legend: {
           //data: ['用氢量', '用电量', '行驶里程'],
           data: ['碳减排(kg)','行驶里程(km)'],
-          textStyle: { color: '#fff' }
+          textStyle: { color: '#000000' }
         },
         xAxis: {
           type: 'category',
           boundaryGap: false,
           data: this.seriesData,
-          axisLine: { lineStyle: { color: '#fff' } }
+          axisLine: { lineStyle: { color: '#000000' } }
         },
         yAxis: {
           type: 'value',
-          axisLine: { lineStyle: { color: '#fff' } },
+          axisLine: { lineStyle: { color: '#000000' } },
           splitLine: { lineStyle: { color: '#091a40' } },
           axisLabel: {
             formatter: '{value}kg'
diff --git a/src/views/indexs/left-center.vue b/src/views/indexs/left-center.vue
index 26facee..490e052 100644
--- a/src/views/indexs/left-center.vue
+++ b/src/views/indexs/left-center.vue
@@ -142,13 +142,13 @@ export default {
           textStyle: {
             rich: {
               value: {
-                color: "#ffffff",
+                color: "#000000",
                 fontSize: 24,
                 fontWeight: "bold",
                 lineHeight: 20,
               },
               name: {
-                color: "#ffffff",
+                color: "#000000",
                 lineHeight: 20,
               },
             },
@@ -159,7 +159,7 @@ export default {
           backgroundColor: "rgba(0,0,0,.6)",
           borderColor: "rgba(147, 235, 248, .8)",
           textStyle: {
-            color: "#FFF",
+            color: "#000000",
           },
         },
         legend: {
@@ -177,7 +177,7 @@ export default {
               //   position: "outside",
               rich: {
                 b: {
-                  color: "#fff",
+                  color: "#000000",
                   fontSize: 12,
                   lineHeight: 26,
                 },
diff --git a/src/views/indexs/left-top.vue b/src/views/indexs/left-top.vue
index 514b55a..a682b9f 100644
--- a/src/views/indexs/left-top.vue
+++ b/src/views/indexs/left-top.vue
@@ -211,7 +211,7 @@
     position: relative;
     width: 180px;
     text-align: center;
-    color: #fff;
+    color: #000000;
   }
   
   /* 卡片信息区域 */
diff --git a/src/views/indexs/right-bottom.vue b/src/views/indexs/right-bottom.vue
index 2c841e1..a2e9b11 100644
--- a/src/views/indexs/right-bottom.vue
+++ b/src/views/indexs/right-bottom.vue
@@ -114,7 +114,7 @@ table {
 
 th, td {
   padding: 12px;
-  color: #fff;
+  color: #000000;
   font-size: 14px;
   width: 25%;
 }
diff --git a/src/views/indexs/right-center-new.vue b/src/views/indexs/right-center-new.vue
index e9f5d78..b248419 100644
--- a/src/views/indexs/right-center-new.vue
+++ b/src/views/indexs/right-center-new.vue
@@ -106,14 +106,14 @@ export default {
           type: 'category',
           data: xData,
           axisLabel: { 
-            color: 'white',
+            color: '#000000',
             interval: 0,
             rotate: 45,  // 保持倾斜以防文字重叠
             fontSize: 12,
           },
           axisLine: {
             lineStyle: {
-              color: 'white'
+              color: '#000000'
             }
           }
         },
@@ -121,17 +121,17 @@ export default {
           type: 'value',
           name: '用氢量',
           axisLabel: {
-            color: 'white',
+            color: '#000000',
             formatter: '{value}kg'
           },
           splitLine: {
             lineStyle: {
-              color: 'rgba(51, 153, 255, 0.3)'
+              color: 'rgba(0, 0, 0, 0.1)'
             } 
           },
           axisLine: {
             lineStyle: {
-              color: 'white'
+              color: '#000000'
             }
           }
         },
@@ -144,16 +144,16 @@ export default {
           itemStyle: {
             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
               offset: 0,
-              color: '#6a99f8'
+              color: '#40a9ff'
             }, {
               offset: 1,
-              color: '#0b2149'
+              color: '#1890ff'
             }])
           },
           label: {
             show: true,
             position: 'top',
-            color: '#fff',
+            color: '#000000',
             formatter: (params) => {
               return params.value === 0 ? '' : params.value+'kg';
             }
@@ -185,9 +185,9 @@ export default {
 }
 
 button {
-  background: rgba(25, 61, 112, 0.8);
-  border: 1px solid #2f6ed4;
-  color: #fff;
+  background: #f0f0f0;
+  border: 1px solid #d9d9d9;
+  color: #000000;
   padding: 5px 15px;
   margin-right: 10px;
   cursor: pointer;
@@ -195,7 +195,8 @@ button {
 }
 
 button.active {
-  background: #2f6ed4;
-  border-color: #4a8df8;
+  background: #1890ff;
+  border-color: #1890ff;
+  color: #000000;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/indexs/right-center.vue b/src/views/indexs/right-center.vue
index 986dca4..f47e970 100644
--- a/src/views/indexs/right-center.vue
+++ b/src/views/indexs/right-center.vue
@@ -105,12 +105,12 @@ export default {
         xAxis: {
           type: 'category',
           data: xData,
-          axisLabel: { color: 'white' }
+          axisLabel: { color: '#000000' }
         },
         yAxis: {
           type: 'value',
           axisLabel: {
-            color: 'white'
+            color: '#000000'
           },
           splitLine: {
             lineStyle: {
@@ -153,7 +153,7 @@ export default {
 button {
   background: rgba(25, 61, 112, 0.8);
   border: 1px solid #2f6ed4;
-  color: #fff;
+  color: #000000;
   padding: 5px 15px;
   margin-right: 10px;
   cursor: pointer;
diff --git a/src/views/indexs/right-top-day.vue b/src/views/indexs/right-top-day.vue
index 8884f79..551c9fa 100644
--- a/src/views/indexs/right-top-day.vue
+++ b/src/views/indexs/right-top-day.vue
@@ -139,7 +139,7 @@ table {
 
 th {
   padding: 10px 12px;
-  color:white;
+  color: #000000;
   font-size: 14px;
   width: 20%;
   text-align: center; /* 确保单元格内容居中 */
@@ -218,7 +218,7 @@ thead {
 } */
 /* .dialog-table th {
   background-color: #011946 !important;
-  color: white;
+  color: #000000;
 }
 .dialog-table td {
   background-color: rgba(255,255,255,0.8);
diff --git a/src/views/indexs/right-top-new.vue b/src/views/indexs/right-top-new.vue
index 8b2301e..ef5be64 100644
--- a/src/views/indexs/right-top-new.vue
+++ b/src/views/indexs/right-top-new.vue
@@ -77,7 +77,7 @@ table {
 
 th {
   padding: 12px;
-  color:white;
+  color: #000000;
   font-size: 14px;
   width: 20%;
   text-align: center; /* 确保单元格内容居中 */
diff --git a/src/views/indexs/right-top.vue b/src/views/indexs/right-top.vue
index c0081c0..20c341b 100644
--- a/src/views/indexs/right-top.vue
+++ b/src/views/indexs/right-top.vue
@@ -133,7 +133,7 @@ export default {
           itemHeight: .0,
           itemGap: 10,
           textStyle: {
-            color: 'white',
+            color: '#000000',
             fontSize: 16,
             fontWeight: 'normal',
             fontFamily: 'Arial, sans-serif'
@@ -153,7 +153,7 @@ export default {
             data: this.XAxisData,
             axisLine: {
               lineStyle: {
-                color: 'white',
+                color: '#000000',
                 width: 1
               }
             },
@@ -165,7 +165,7 @@ export default {
               }
             },
             axisLabel: {
-              color: 'white',
+              color: '#000000',
               fontSize: 12,
               interval: 1,
               rotate: 45
@@ -220,7 +220,7 @@ export default {
             label: {
               show: true,
               position: 'top',
-              color: '#fff',
+              color: '#000000',
               fontSize: 12,
               formatter: (params) => {
                 return params.value === 0 ? '' : params.value;