交互 背景色

src/style/layout.styl

@@ -129,8 +129,8 @@
   font-size: 14px;
   border-radius: 4px;
 .button--primary
-  background-color #008f8f
-  border-color #008f8f
+  background-color #409EFF
+  border-color #409EFF
 .button--defalut
   color #fff
   border 1px solid #c9c9c9
@@ -365,4 +365,53 @@ input::-webkit-input-placeholder
   outline: none;
   padding: 0 15px;
   transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-  width: 100%;
+  width: 100%;
+
+.overall_orange
+    background linear-gradient(#ff7a31 0%,#ff6b00 20%,#ff5200 100%)
+    .body-container
+      border-color $orange !important
+    .tabs li a
+      border-color #ffbb31 !important
+    .tabs li .router-link-active
+      background linear-gradient(#f5e24a 0%,#ffbb31 100%) !important
+    .button--primary
+      background-color #fff
+      border-color $red
+      color $red
+    .button--defalut
+      color: #fff;
+      border-color #c9c9c9
+      background-color: #c9c9c9;
+    .selected_icon
+      background-color: #fff;
+      color: $red
+    .filter-table
+      border-color #fff
+      th, td
+        border-color #fff
+.overall_lightgreen
+    background linear-gradient(#00d9a1 0%,#00c0a5 30%,#115fae 100%)
+    .body-container
+      border-color $lightgreen !important
+    .tabs li a
+      border-color #008f8f !important
+    .tabs li .router-link-active
+      background linear-gradient(#b7e15d 0%,#008f8f 100%) !important
+    .button--primary
+      background-color #008f8f
+      border-color #008f8f
+      color #fff
+    .button--defalut
+      color: #fff;
+      border-color #c9c9c9;
+      background-color: #c9c9c9;
+    .selected_icon
+      background-color: #fff;
+      color: #008f8f
+    .filter-table
+      border-color #fff
+      th, td
+        border-color #fff
+.overall_blue
+    background linear-gradient(#031f6d 0%,#011a60 20%,#060346 100%)

src/style/mixin.styl

@@ -9,7 +9,8 @@ $gray = #c9c9c9
 $gray1 = #8B90A6
 $gray2 = #DFE1E6
 $fc1 = #323232
-
+$orange = #ffa530
+$lightgreen = #b7e15d
 
 
 //宽高