改浅色

2026-01-06 11:10:20 +08:00
parent c2e7fc1f20
commit 36c6f01eb1
20 changed files with 139 additions and 130 deletions
--- 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;
    }
  }
--- 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
 );

 // 字体大小
--- 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,
--- 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;
--- 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 {
--- 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;
            }
        }
    }
--- 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;
--- 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' // 使用更深的橙色
                }
              }
            },
--- 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;
    }
  }
 }
--- 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' } }
            ]
          }
        ]
--- 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;
        }
--- 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'
--- 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,
                },
--- 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;
  }
  
  /* 卡片信息区域 */
--- 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%;
 }
--- 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>
--- 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;
--- 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);
--- 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; /* 确保单元格内容居中 */
--- 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;