修改后台样式

public/static/theme/css/_config.less

@@ -86,11 +86,11 @@
 }
 
 // 通用延时动态
-#defaTransition(@time:0.2s) {
-  transition: all @time linear;
-  -o-transition: all @time linear;
-  -moz-transition: all @time linear;
-  -webkit-transition: all @time linear;
+#defaTransition(@time:0.2s,@type:all) {
+  transition: @type @time linear;
+  -o-transition: @type @time linear;
+  -moz-transition: @type @time linear;
+  -webkit-transition: @type @time linear;
 }
 
 // 内容主体布局

public/static/theme/css/_layout_1.less

@@ -1,16 +1,27 @@
+@charset "UTF-8";
+@import "_config.less";
+
 > .layui-layout-admin {
   > .layui-side {
-    background-color: @leftBackColor;
+    background: @leftBackColor;
+
+    #leftBackColor() {
+      background-color: rgba(0, 0, 0, 0.6);
+    }
 
     .layui-logo {
+      #leftBackColor();
+
       .headtxt {
-        text-shadow: rgba(0, 0, 0, .5) 1px 2px 2px;
+        text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
       }
     }
 
     .layui-side-scroll {
       display: flex !important;
       box-sizing: border-box;
+      #leftBackColor();
+      #defaTransition(0.2s, 'background-color');
 
       .layui-side-icon {
         display: none;
@@ -47,6 +58,7 @@
 
   > .layui-header {
     background: @headNormalBackColor;
+    #defaTransition(0.2s, 'background-color');
 
     .layui-nav-item {
       &.layui-this > a {
@@ -65,9 +77,9 @@
   }
 }
 
-//.help-label b {
-//  color: @mainActiveBack
-//}
+.help-label b {
+  color: @mainActiveBack
+}
 
 .layui-btn-group {
   border-color: @mainActiveBack;

public/static/theme/css/_layout_1_black.less

@@ -17,7 +17,7 @@
   @leftNormalTextColor: @mainNormalText;
   @leftActiveTextColor: @mainActionText;
 
-  @leftBackColor: #20222A !important;
+  @leftBackColor: @mainActiveBack;
   @leftNormalBackColor: @mainNormalBack;
   @leftActiveBackColor: #098 !important;
 

public/static/theme/css/_layout_1_blue.less

@@ -17,7 +17,7 @@
   @leftNormalTextColor: @mainNormalText;
   @leftActiveTextColor: @mainActionText;
 
-  @leftBackColor: #344058 !important;
+  @leftBackColor: @mainActiveBack;
   @leftNormalBackColor: @mainNormalBack;
   @leftActiveBackColor: @mainActiveBack;
 

public/static/theme/css/_layout_1_green.less

@@ -17,7 +17,7 @@
   @leftNormalTextColor: @mainNormalText;
   @leftActiveTextColor: @mainActionText;
 
-  @leftBackColor: #344058 !important;
+  @leftBackColor: @mainActiveBack;
   @leftNormalBackColor: @mainNormalBack;
   @leftActiveBackColor: @mainActiveBack;
 

public/static/theme/css/_layout_1_red.less

@@ -17,7 +17,7 @@
   @leftNormalTextColor: @mainNormalText;
   @leftActiveTextColor: @mainActionText;
 
-  @leftBackColor: #344058 !important;
+  @leftBackColor: @mainActiveBack;
   @leftNormalBackColor: @mainNormalBack;
   @leftActiveBackColor: @mainActiveBack;
 

public/static/theme/css/_layout_2.less

@@ -1,3 +1,6 @@
+@charset "UTF-8";
+@import "_config.less";
+
 > .layui-layout-admin {
   > .layui-side {
     width: 260px;