UI

src/assets/styles/base.scss

@@ -4,7 +4,7 @@ $fontLED: led;
 
 //颜色
 $white: #fff;
-$inBlue: #25bdcb;
+$inBlue: #26cbc6;
 $subtitle: #638395;
 $inBlueHover: #07ffc1;
 $inYellow: #ffd014;
@@ -17,37 +17,37 @@ $eventBG: #0b284e;
 
 
 //渐变
-$GradualGreen: 180deg, rgba($color: #138399, $alpha: .8),
+$GradualGreen: 180deg, rgba($color: #1a996f, $alpha: .8),
 rgba($color: #04151e, $alpha: .8);
 
 $conBg: 180deg, rgba($color: #0f282c, $alpha: 1),
 rgba($color: #051216, $alpha: 1);
 
-$btmMemu: 180deg, rgba($color: #0a1f20, $alpha: 1),
-rgba($color: #011d2a, $alpha: 1);
+$btmMemu: 180deg, rgba($color: #0a2011, $alpha: 1),
+rgba($color: #012a08, $alpha: 1);
 
 $boxBG: 180deg, rgba($color: #0d2760, $alpha: 1),
 rgba($color: #081a41, $alpha: 1);
 
 //内阴影
-$shadowList: 0 0 1rem 0 rgba($color: #0b1b25, $alpha: .8);
+$shadowList: 0 0 1rem 0 rgba($color: #0b2523, $alpha: .8);
 $shadowTitle: 0 -0.2rem .5rem 0.3rem rgba($color: #15dbb4, $alpha: .09) inset;
-$shadowListHover: rgba($color: #1cbfc2, $alpha: .7) 0px 0px 50px inset;
+$shadowListHover: rgba($color: #21b387, $alpha: .7) 0px 0px 50px inset;
 $shadowListHoverI: 0 0 3px rgba($color: #41ff84, $alpha: .5), -0 -0 10px rgba($color: #41fff8, $alpha: .9);
 $shadowTip: 0 0 1rem 0 rgba($color: #34c7e7, $alpha: .8) inset;
 $shadowCount: 0 0 .5rem 0 rgba($color: #00c8ff, $alpha: 1) inset;
 
 //可视化 数字林业
-$fBlue: #0bb3c2;
+$fBlue: #38cb9a;
 $fBlueHover: #07ffc1;
 $fBlueG: #0bf3f7;
-$fListTitle: #0fc4d4;
+$fListTitle: #20cbb2;
 $barBgc: rgba($color: #102127, $alpha: .9);
-$barShadow: rgba($color: #078ad1, $alpha: .8) 0px 0px 18px inset;
+$barShadow: rgba($color: #17d1bc, $alpha: .8) 0px 0px 18px inset;
 $barBorder: solid rgba($color: #33467f, $alpha: .7);
 $tableBorder: solid rgba($color: #33467f, $alpha: .7);
 $countBorder: solid rgba($color: #00aeff, $alpha: .9);
-$searchBorder: solid rgba($color: #33727f, $alpha: 1);
+$searchBorder: solid rgba($color: #327f61, $alpha: 1);
 $searchBG: #102127;
 $deepBG: #09192f;
 //icon
@@ -2895,8 +2895,8 @@ div::-webkit-scrollbar {
   background: $GradualGreen;
   margin-right: 5px;
   color: #3cd7ef;
-  background: -webkit-gradient(linear, right top, left top, from(#051d2b), color-stop(#00335c), to(#051d2b));
-  background: linear-gradient(to left, #051d2b, #00335c, #051d2b);
+  background: -webkit-gradient(linear, right top, left top, from(#052b24), color-stop(#00335c), to(#052b1d));
+  background: linear-gradient(to left, #052b28, #00575c, #042b27);
 }
 
 .el-tabs__item:hover {
@@ -2910,7 +2910,7 @@ div::-webkit-scrollbar {
   font-size: 15px;
   font-weight: bolder;
   background: linear-gradient(to left, #051d2b, #0ba9c8, #051d2b);
-  box-shadow: rgba($color: #0ca1c2, $alpha: .8) 0px 0px 15px inset;
+  box-shadow: rgba($color: #13c231, $alpha: .8) 0px 0px 15px inset;
 }
 
 

src/components/v-fastmenu.vue

@@ -196,7 +196,7 @@ import { getUserProfile } from "@/api/system/user";
 
 	}
 	.el-popover{
-		background:#0c1327;
+		background:#0c2127;
 		border:1px solid #334780;
 		box-shadow:$shadowListHover;
 		border-radius: 1rem;

src/components/vBottomMenu.vue

@@ -1047,7 +1047,7 @@ export default {
       button {
         padding: 0 .3rem;
         height: 1.5rem;
-        background-color: #112543;
+        background-color: #104338;
         color: $inBlue;
         border: 1px $searchBorder;
       }