登录页、函数概览页 深色系样式

src/styles/variables.scss

@@ -84,6 +84,7 @@ $menuBg-jcceDark:inherit;
   --inputTextBorderC: #DCDFE6; // 输入框前置后置元素 边框颜色
   --stepProcessDoingC: #303133; // 步骤条进行中颜色
   --alertInfoBgC: #f4f4f5; // 弹出框info背景颜色
+  --loginBgC: #f7f7f7; // 登录页背景颜色
 
   --listDetailColor: #454B53; // 容器管理详情
 
@@ -97,6 +98,9 @@ $menuBg-jcceDark:inherit;
   --mapViewsColor: #000000; // 云际拓扑图
   --exhibitionColor: #333333;
   --volumeListBgC: #eeeeee; // 存储卷挂载背景颜色
+
+  --functionOverviewInfoBgC: #F7F7F7; // 函数概览背景颜色
+  --functionOverviewInfoC: #505879; // 函数概览字体颜色
 }
 
 // 深色系
@@ -154,6 +158,7 @@ $menuBg-jcceDark:inherit;
   --inputTextBorderC: transparent; // 输入框前置后置元素 边框颜色
   --stepProcessDoingC: #FFFFFF; // 步骤条进行中颜色
   --alertInfoBgC: rgba(255, 255, 255, 0.2); // 弹出框info背景颜色
+  --loginBgC: #050f27; // 登录页背景颜色
 
   --listDetailColor: #FFFFFF; // 容器管理详情
 
@@ -167,6 +172,9 @@ $menuBg-jcceDark:inherit;
   --mapViewsColor: #FFFFFF; // 云际拓扑图
   --exhibitionColor: #FFFFFF;
   --volumeListBgC: rgba(255, 255, 255, 0.2); // 存储卷挂载背景颜色
+
+  --functionOverviewInfoBgC: #f7f7f73d; // 函数概览背景颜色
+  --functionOverviewInfoC: #FFFFFF; // 函数概览字体颜色
 }
 
 :export {

src/views/login/index.vue

@@ -212,7 +212,7 @@ export default {
 .login-container {
     height: 100%;
     overflow: hidden;
-    background-color: #f7f7f7;
+    background-color: var(--loginBgC);
 }
 .manufacturer{
   // margin-top: 10px;

src/views/overview/function.vue

@@ -91,7 +91,7 @@ export default {
                 colorStops: [{
                   offset: 0, color: '#409eff' // 0% 处的颜色
                 }, {
-                  offset: 1, color: 'white' // 100% 处的颜色
+                  offset: 1, color: 'rgba(255,255,255,0)' // 100% 处的颜色
                 }],
                 global: false // 缺省为 false
               }
@@ -120,11 +120,13 @@ export default {
     display: inline-block;
     margin-right: 30px;
     margin-bottom: 10px;
-    background: #F7F7F7;
+    background: var(--functionOverviewInfoBgC) ;
     border-radius: 10px;
     padding:42px 20px;
     position: relative;
-    span{color: #505879;}
+    span{
+      color:  var(--functionOverviewInfoC) ;
+      }
     p{
       font-size: 20px;
       font-weight: bold;