auto

src/assets/scss/common.scss

@@ -4,6 +4,7 @@ body,
     --padding-left: 24px;
     --padding-right: 24px;
     --main-color: rgb(2, 238, 255);
+    --title-color: #58c96b;
     --header-height: 66px;
     --s: 6; // 轮播的个数
     --h: 36; // 单个 li 容器的高度
@@ -25,14 +26,25 @@ body {
     padding-left: var(--padding-left);
 }
 
-//更改下拉框颜色
-// .el-select-dropdown.el-popper{
-//     background-color: #ff0;
-//     border-color: red;
-//     .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
-//         background-color: #F5F;
-//     }
-// }
+// 更改下拉框颜色
+.el-select-dropdown.el-popper{
+    background-color: rgba(0,166,208,0.3);
+    border-color: var(--main-color);
+    backdrop-filter: blur(6px);
+    .el-select-dropdown__item{
+        color: #fff;
+    }
+    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+        background-color: var(--main-color);
+        color: #00292c;
+    }
+    .popper__arrow{
+        border-bottom-color: var(--main-color)!important;
+        &::after{
+            border-bottom-color: var(--main-color)!important;
+        }
+    }
+}
 
 @mixin mbg($o) {
     background-color: rgba(0, 166, 208, $o);
@@ -40,6 +52,8 @@ body {
 .blur-wrap {
     // backdrop-filter: blur(6px);
     @include mbg(0.3);
+    border: 1px solid var(--main-color);
+    border-radius: 8px;
 }
 
 .left-wrap {

src/components/numerical.vue

@@ -46,7 +46,7 @@
             margin-top: 15px;
         }
         .number{
-            color: var(--main-color);
+            color: var(--title-color);
             font-size: 1.5em;
             margin-right: 5px;
         }

src/dataSchema/color.js

@@ -2,7 +2,7 @@
  * @LastEditors: gcz
  */
 let themeColor = {
-    mainColor: '#02EEFF'
+    mainColor: '#58c96b'
 };
 
 export default themeColor;