diff --git a/package-lock.json b/package-lock.json
index 9a7be2a..2839628 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -608,6 +608,94 @@
         "webpack-chain": "^6.4.0",
         "webpack-dev-server": "^3.11.0",
         "webpack-merge": "^4.2.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "json5": {
+          "version": "2.2.3",
+          "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
+        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -10423,94 +10511,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "json5": {
-          "version": "2.2.3",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "3.6.5",
       "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
diff --git a/src/App.vue b/src/App.vue
index a779653..eb33ef1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,7 +7,7 @@
 -->
 <template>
   <div id="app">
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
@@ -15,7 +15,7 @@
 #app {
   width: 100vw;
   height: 100vh;
-  background-color: #091a40;
+  background-color: #fafafa;
   // overflow: hidden;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index 1e52b4a..f8512fe 100644
--- a/src/assets/css/index.scss
+++ b/src/assets/css/index.scss
@@ -99,7 +99,7 @@
   background: transparent;
   border: 1px solid rgba(255, 255, 255, .53);
   border-radius: 4px;
-  color: #fff;
+  color: #333;
   padding: 6px 10px;
   font-size: 14px;
   transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -120,7 +120,7 @@
     background-color: transparent;
     font-size: 14px;
     line-height: 1;
-    color: #fff;
+    color: #333;
     &:hover{
       border-color: rgba(255, 255, 255, .8);
     }
@@ -142,7 +142,7 @@
   border-width: 1px;
   border: none;
   cursor: pointer;
-  color: #fff;
+  color: #333;
   font-size: 15px;
 
   &:hover,
@@ -230,7 +230,7 @@
 
     th.ve-table-header-th {
       background: #04004E;
-      color: #FFF;
+      color: #333;
       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: #FFF;
+      color: #333;
       border-color: $border-color;
       box-sizing: border-box;
     }
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/assets/img/hg10.png b/src/assets/img/hg10.png
index c81117f..7848768 100644
Binary files a/src/assets/img/hg10.png and b/src/assets/img/hg10.png differ
diff --git a/src/assets/img/hg110.png b/src/assets/img/hg110.png
new file mode 100644
index 0000000..c81117f
Binary files /dev/null and b/src/assets/img/hg110.png differ
diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
deleted file mode 100644
index 49b3948..0000000
Binary files a/src/assets/img/logo.png and /dev/null differ
diff --git a/src/components/item-wrap/item-wrap.vue b/src/components/item-wrap/item-wrap.vue
index a349e15..eef5c44 100644
--- a/src/components/item-wrap/item-wrap.vue
+++ b/src/components/item-wrap/item-wrap.vue
@@ -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%
+        #1890ff 0%,
+        #40a9ff 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 e01e64e..a3fad5c 100644
--- a/src/views/dishboard.vue
+++ b/src/views/dishboard.vue
@@ -146,7 +146,7 @@
   <style scoped>
   .dashboard {
     background: #0a1931;
-    color: white;
+    color: #333;
     padding: 20px;
   }
   .header {
diff --git a/src/views/home.scss b/src/views/home.scss
index 26c8546..1de85d5 100644
--- a/src/views/home.scss
+++ b/src/views/home.scss
@@ -1,8 +1,9 @@
 .scale-wrap {
-    color: #d3d6dd;
+    color: #333333;
     width: 1920px;
     height: 1080px;
     overflow: hidden;
+
     // &.pageisScale {
     //     position: absolute;
     //     top: 50%;
@@ -15,7 +16,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;
     }
@@ -40,10 +41,10 @@
                 height: 56px;
 
                 .imgs {
-                    width: 240px;
-                    height: 113px;
-                    margin-top: -1%;
-                    margin-left: 100px;
+                    width: 177px;
+                    /* height: 113px; */
+                    margin-top: 4px;
+                    margin-left: 150px;
                 }
             }
 
@@ -71,11 +72,13 @@
                 right: 0;
                 top: 30px;
                 font-size: 18px;
+                color: #000000;
                 display: flex;
                 align-items: center;
 
                 .blq-icon-shezhi02 {
                     cursor: pointer;
+                    color: #000000;
                 }
             }
         }
@@ -94,7 +97,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;
             }
@@ -114,12 +117,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));
         }
     }
 }
@@ -137,7 +140,8 @@
         font-weight: 900;
         position: relative;
         text-indent: 10px;
-        padding:16px 0 10px 0 ;
+        padding: 16px 0 10px 0;
+
         &::before {
             display: block;
             content: " ";
@@ -162,19 +166,19 @@
 
     .setting_inner {
         box-sizing: border-box;
-        background: #FFF;
+        background: #ffffff;
         width: 340px;
         height: 100%;
         position: absolute;
         right: 0px;
         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);
+        color: #333333;
+        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: #333333;
             font-weight: 900;
             text-align: center;
             line-height: 40px;
@@ -192,11 +196,12 @@
 
             // display: flex;
             .setting_label {
-                color: #555454;
+                color: #666666;
             }
-            .setting_label_tip{
+
+            .setting_label_tip {
                 font-size: 12px;
-                color: #838282;
+                color: #999999;
             }
         }
     }
diff --git a/src/views/home.vue b/src/views/home.vue
index 310ec94..578bf9f 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -116,7 +116,7 @@ export default {
 }
 
 .title-name{
-  color: white;  
+  color: #333;  
   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 e4a0f9e..7756f39 100644
--- a/src/views/indexs/center-bottom.vue
+++ b/src/views/indexs/center-bottom.vue
@@ -56,7 +56,7 @@ export default {
           text: '',
           left: 'center',
           textStyle: {
-            color: '#DDDDDD', // 将原来的 #999 改为更亮的灰色
+            color: '#333', // 修改为深色
             fontWeight: 'normal',
             fontSize: 12
           }
@@ -84,7 +84,7 @@ export default {
               rich: {
                 name: {  // 新增 name 样式
                   fontSize: 14,
-                  color: 'yellow', // 使用亮白色
+                  color: '#333', // 修改为深色
                   padding: [0, 0, 5, 0]
                 },
                 value: {
diff --git a/src/views/indexs/center-map.vue b/src/views/indexs/center-map.vue
index 5bcc4eb..ea8e986 100644
--- a/src/views/indexs/center-map.vue
+++ b/src/views/indexs/center-map.vue
@@ -307,7 +307,7 @@ export default {
             ],
           },
           textStyle: {
-            color: "#fff",
+            color: "#333",
           },
         },
         geo: {
@@ -348,7 +348,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#333",
               },
             },
             label: {
@@ -433,7 +433,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#333",
               },
             },
             label: {              
@@ -445,11 +445,11 @@ export default {
               fontSize: 11,
               offset: [0, 2],
               position: "bottom",
-              textBorderColor: "#fff",
+              textBorderColor: "#333",
               textShadowColor: "#000",
               textShadowBlur: 10,
               textBorderWidth: 0,
-              color: "#FFF",
+              color: "#333",
               show: true,
             },
             // colorBy: "data",
@@ -510,7 +510,7 @@ export default {
             ],
           },
           textStyle: {
-            color: "#fff",
+            color: "#333",
           },
         },
         geo: {
@@ -551,7 +551,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#333",
               },
             },
             label: {
@@ -636,7 +636,7 @@ export default {
               backgroundColor: "rgba(0,0,0,.6)",
               borderColor: "rgba(147, 235, 248, .8)",
               textStyle: {
-                color: "#FFF",
+                color: "#333",
               },
             },
             label: {              
@@ -648,11 +648,11 @@ export default {
               fontSize: 11,
               offset: [0, 2],
               position: "bottom",
-              textBorderColor: "#fff",
+              textBorderColor: "#333",
               textShadowColor: "#000",
               textShadowBlur: 10,
               textBorderWidth: 0,
-              color: "#FFF",
+              color: "#333",
               show: true,
             },
             // colorBy: "data",
@@ -719,9 +719,9 @@ export default {
       letter-spacing: 6px;
       background: linear-gradient(
         92deg,
-        #0072ff 0%,
-        #00eaff 48.8525390625%,
-        #01aaff 100%
+        #1890ff 0%,
+        #40a9ff 48.8525390625%,
+        #096dd9 100%
       );
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
@@ -731,7 +731,7 @@ export default {
       font-size: 28px;
       font-weight: 900;
       letter-spacing: 6px;
-      color: white;
+      color: #333;
       margin: 0 10px;
     }
     .zuo,
@@ -764,9 +764,9 @@ export default {
       top: -25px;
       width: 80px;
       height: 28px;
-      border: 1px solid #00eded;
+      border: 1px solid #1890ff;
       border-radius: 10px;
-      color: #00f7f6;
+      color: #1890ff;
       text-align: center;
       line-height: 26px;
       letter-spacing: 6px;
@@ -781,9 +781,9 @@ export default {
     top: 24px;
     width: 100px;
     height: 28px;
-    border: 1px solid #00eded;
+    border: 1px solid #1890ff;
     border-radius: 10px;
-    color: white;
+    color: #333;
     text-align: center;
     line-height: 26px;
     letter-spacing: 6px;
@@ -798,9 +798,9 @@ export default {
       top: 24px;
       width: 100px;
       height: 28px;
-      border: 1px solid #00eded;
+      border: 1px solid #1890ff;
       border-radius: 10px;
-      color: white;
+      color: #333;
       text-align: center;
       line-height: 26px;
       letter-spacing: 6px;
@@ -816,9 +816,9 @@ export default {
       top: 60px;
       width: 100px;
       height: 28px;
-      border: 1px solid #00eded;
+      border: 1px solid #1890ff;
       border-radius: 10px;
-      color: white;
+      color: #333;
       text-align: center;
       line-height: 26px;
       letter-spacing: 6px;
diff --git a/src/views/indexs/chart/baseChart.vue b/src/views/indexs/chart/baseChart.vue
index 0a8a109..877de85 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: '#333' }
         },
         grid: {
           left: '18%',
@@ -50,15 +50,15 @@ 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: '#333' } },
+          axisLabel: { color: '#333' }
         },
         yAxis: [
           {
             type: 'value',
             // name: '碳减排量',
-            axisLine: { lineStyle: { color: '#fff' } },
-            axisLabel: { color: '#fff' },
+            axisLine: { lineStyle: { color: '#333' } },
+            axisLabel: { color: '#333' },
             splitLine: { show: false },
             axisLabel: {
               formatter: '{value}kg'
@@ -67,8 +67,8 @@ export default {
           {
             type: 'value',
             // name: '行驶里程',
-            axisLine: { lineStyle: { color: '#fff' } },
-            axisLabel: { color: '#fff' },
+            axisLine: { lineStyle: { color: '#333' } },
+            axisLabel: { color: '#333' },
             splitLine: { show: false },
             axisLabel: {
               formatter: '{value}km'
@@ -108,8 +108,8 @@ export default {
           //subtext: '年度碳减排量',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 18}
+          textStyle: { color: '#333', fontSize: 18 },
+          subtextStyle: { color: '#333', fontSize: 18}
         },
         graphic: [
           {
@@ -118,7 +118,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '年\n度\n碳\n减\n排\n量',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#333',
               font: '16px sans-serif',
             }
           }
@@ -148,8 +148,8 @@ export default {
           //subtext: '年度行驶里程',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 12 }
+          textStyle: { color: '#333', fontSize: 18 },
+          subtextStyle: { color: '#333', fontSize: 12 }
         },
         graphic: [
           {
@@ -158,7 +158,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '年\n度\n行\n驶\n里\n程',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#333',
               font: '16px sans-serif',
             }
           }
diff --git a/src/views/indexs/left-bottom.vue b/src/views/indexs/left-bottom.vue
index 92747dd..918c0a5 100644
--- a/src/views/indexs/left-bottom.vue
+++ b/src/views/indexs/left-bottom.vue
@@ -39,8 +39,8 @@ export default {
           //subtext: '月度用氢量',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 18}
+          textStyle: { color: '#333', fontSize: 18 },
+          subtextStyle: { color: '#333', fontSize: 18}
         },
         graphic: [
           {
@@ -49,7 +49,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '月\n度\n用\n氢\n量',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#333',
               font: '16px sans-serif',
             }
           }
@@ -79,8 +79,8 @@ export default {
           //subtext: '年度用氢量',
           left: 'center',
           top: '40%',
-          textStyle: { color: '#fff', fontSize: 18 },
-          subtextStyle: { color: '#fff', fontSize: 12 }
+          textStyle: { color: '#333', fontSize: 18 },
+          subtextStyle: { color: '#333', fontSize: 12 }
         },
         graphic: [
           {
@@ -89,7 +89,7 @@ export default {
             top: 'center',  // 垂直居中
             style: {
               text: '年\n度\n用\n氢\n量',  // 每个字符换行显示
-              fill: '#fff',
+              fill: '#333',
               font: '16px sans-serif',
             }
           }
@@ -165,13 +165,13 @@ export default {
         legend: {
           //data: ['用氢量', '用电量', '行驶里程'],
           data: ['用氢量(kg)', '行驶里程(km)'],
-          textStyle: { color: '#eee' }
+          textStyle: { color: '#333' }
         },
         xAxis: {
           type: 'category',
           boundaryGap: false,
           data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-          axisLine: { lineStyle: { color: '#fff' } }
+          axisLine: { lineStyle: { color: '#333' } }
         },
         yAxis: {
           type: 'value',
diff --git a/src/views/indexs/left-center.vue b/src/views/indexs/left-center.vue
index 26facee..7237ce3 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: "#333",
                 fontSize: 24,
                 fontWeight: "bold",
                 lineHeight: 20,
               },
               name: {
-                color: "#ffffff",
+                color: "#333",
                 lineHeight: 20,
               },
             },
@@ -159,7 +159,7 @@ export default {
           backgroundColor: "rgba(0,0,0,.6)",
           borderColor: "rgba(147, 235, 248, .8)",
           textStyle: {
-            color: "#FFF",
+            color: "#333",
           },
         },
         legend: {
@@ -177,7 +177,7 @@ export default {
               //   position: "outside",
               rich: {
                 b: {
-                  color: "#fff",
+                  color: "#333",
                   fontSize: 12,
                   lineHeight: 26,
                 },
diff --git a/src/views/indexs/left-top.vue b/src/views/indexs/left-top.vue
index 9503c15..8748c4e 100644
--- a/src/views/indexs/left-top.vue
+++ b/src/views/indexs/left-top.vue
@@ -212,7 +212,7 @@
     position: relative;
     width: 180px;
     text-align: center;
-    color: #fff;
+    color: #333;
   }
   
   /* 卡片信息区域 */
diff --git a/src/views/indexs/right-bottom.vue b/src/views/indexs/right-bottom.vue
index 083ffe1..167f648 100644
--- a/src/views/indexs/right-bottom.vue
+++ b/src/views/indexs/right-bottom.vue
@@ -11,7 +11,11 @@
       </thead>
     </table>
     <div class="scroll-wrapper">
-      <vue-seamless-scroll :data="tableData" :class-option="scrollOptions" class="scroll-container">
+      <vue-seamless-scroll
+        :data="tableData"
+        :class-option="scrollOptions"
+        class="scroll-container"
+      >
         <table>
           <tbody>
             <tr v-for="(item, index) in tableData" :key="index">
@@ -29,7 +33,7 @@
 
 <script>
 import vueSeamlessScroll from "vue-seamless-scroll";
-import { currentGET } from 'api/modules'
+import { currentGET } from "api/modules";
 export default {
   components: { vueSeamlessScroll },
   data() {
@@ -54,44 +58,36 @@ export default {
         // { exchange: "英国碳市场", project: "CER", price: "87", region: "英国", exchangeColor: "#ffcc00", priceColor: "#ffcc00", regionColor: "#ffffff" },
         // { exchange: "热田碳排放交易所", project: "CER", price: "86", region: "韩国", exchangeColor: "#00ffcc", priceColor: "#ffffff", regionColor: "#ffffff" },
       ],
-            
     };
   },
   mounted() {
-    this.getExchangeData(); 
+    this.getExchangeData();
   },
-  methods: {    
+  methods: {
     getExchangeData() {
-      currentGET("big4").then(res => {
-
+      currentGET("big4").then((res) => {
         console.log("交易所数据：");
         //console.log(this.tableData1);
         console.log(res.data);
         this.tableData = res.data;
         this.tableData.forEach((item, index) => {
-
-          if(index % 2 !== 0)
-          {   
-                   
-            item.exchangeColor = "#00ffcc";
-            item.priceColor = "#ffffff";
-            item.regionColor = "#ffffff";
-            this.$set(this.tableData, index, item); 
-          }
-          else         
-          {
+          if (index % 2 !== 0) {
+            item.exchangeColor = "rgb(0, 186, 255)";
+            item.priceColor = "rgb(26, 26, 26)";
+            item.regionColor = "rgb(26, 26, 26)";
+            this.$set(this.tableData, index, item);
+          } else {
             //console.log("偶数index: " + index);
-            item.exchangeColor = "#ffcc00";
-            item.priceColor = "#ffcc00";
-            item.regionColor = "#ffcc00";
-            this.$set(this.tableData, index, item);        
+            item.exchangeColor = "rgb(221, 160, 221)";
+            item.priceColor = "rgb(221, 160, 221)";
+            item.regionColor = "rgb(221, 160, 221)";
+            this.$set(this.tableData, index, item);
             //this.$set(this.tableData, index, modifiedItem);
           }
         });
-
       });
-//      console.log("转换后交易所数据：");
-//      console.log(this.tableData);
+      //      console.log("转换后交易所数据：");
+      //      console.log(this.tableData);
     },
   },
 };
@@ -111,16 +107,20 @@ table {
   text-align: left;
 }
 
-th, td {
+th,
+td {
   padding: 12px;
-  color: #fff;
+  color: #333;
   font-size: 14px;
   width: 25%;
 }
 
 thead {
-  background: #013f6a;
+  background: linear-gradient(135deg, #f8faff, #e6f3ff);
   padding: 10%;
+  color: #2c3e50;
+  border-bottom: 2px solid #3498db;
+  font-weight: 600;
 }
 
 .scroll-wrapper {
diff --git a/src/views/indexs/right-center.vue b/src/views/indexs/right-center.vue
index d279120..14ff2c5 100644
--- a/src/views/indexs/right-center.vue
+++ b/src/views/indexs/right-center.vue
@@ -21,13 +21,13 @@ export default {
           type: 'category',
           data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
           axisLabel: {
-            color: 'white'
+            color: '#333'
           }
         },
         yAxis: {
           type: 'value',
           axisLabel: {
-            color: 'white',
+            color: '#333',
             formatter: '{value}kg'
           },
           splitLine: {
diff --git a/src/views/indexs/right-top.vue b/src/views/indexs/right-top.vue
index f1eaa81..55da082 100644
--- a/src/views/indexs/right-top.vue
+++ b/src/views/indexs/right-top.vue
@@ -33,7 +33,7 @@ export default {
           itemHeight: .0,
           itemGap: 10,
           textStyle: {
-            color: 'white',
+            color: '#333',
             fontSize: 16,
             fontWeight: 'normal',
             fontFamily: 'Arial, sans-serif'
@@ -58,7 +58,7 @@ export default {
             name: '',
             axisLine: {
               lineStyle: {
-                color: 'white'
+                color: '#333'
               }
             },
             splitLine: { lineStyle: { color: '#081b42' } },
@@ -71,7 +71,7 @@ export default {
             name: '',
             axisLine: {
               lineStyle: {
-                color: 'white'
+                color: '#333'
               }
             },
             splitLine: { lineStyle: { color: '#081b42' } },