统一主色调

site/templates/layout.html

@@ -10,9 +10,10 @@
   <link rel="icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
   <link rel="shortcut icon" href="https://t.alipayobjects.com/images/T1QUBfXo4fXXXXXXXX.png" type="image/x-icon">
   <link href="http://fonts.useso.com/css?family=Raleway:600,500,400,300" rel="stylesheet" type="text/css" >
-  <link rel="stylesheet" href="/static/normalize.css"> {% block styles %}{% endblock %}
+  <link rel="stylesheet" href="/static/normalize.css">
   <link rel="stylesheet" href="/static/style.css">
   <link rel="stylesheet" href="/static/tomorrow.css">
+  {% block styles %}{% endblock %}
   <script src="https://a.alipayobjects.com/??jquery/jquery/1.11.1/jquery.js,es5-shim/4.0.5/es5-shim.js,es5-shim/4.0.5/es5-sham.js,html5shiv/3.7.2/src/html5shiv.js,react/0.13.3/react.js,bluebird/2.9.30/bluebird.js"></script>
   <script src="/static/script.js"></script>
   <script>

style/components/button.less

@@ -11,18 +11,18 @@
     .btn-primary;
 
     .@{btnPrefixClass}-group &:not(:first-child):not(:last-child) {
-      border-right-color: #00abea;
+      border-right-color: @btn-primary-border;
-      border-left-color: #00abea;
+      border-left-color: btn-primary-border;
     }
 
     .@{btnPrefixClass}-group &:first-child {
       &:not(:last-child) {
-        border-right-color: #00abea;
+        border-right-color: @btn-primary-border;
       }
     }
 
     .@{btnPrefixClass}-group &:last-child:not(:first-child) {
-      border-left-color: #00abea;
+      border-left-color: @btn-primary-border;
     }
   }
 

style/components/datepicker/YearPanel.less

@@ -3,7 +3,7 @@
   top: 0px;
   bottom: 0px;
   right: 0px;
-  background: #ffffff;
+  background: #fff;
   z-index: 10;
   position: absolute;
   outline: none;

style/components/dropdown.less

@@ -72,7 +72,7 @@
       }
 
       &:hover {
-        background-color: #ebfaff;
+        background-color: tint(@primary-color, 90%);
       }
 
       &-disabled {

style/components/inputNumber.less

@@ -32,10 +32,10 @@
   }
 
   &:hover {
-    border-color: #23c0fa;
+    border-color: @primary-color;
 
     .@{inputNumberPrefixCls}-handler-up, .@{inputNumberPrefixCls}-handler-wrap {
-      border-color: #23c0fa;
+      border-color: @primary-color;
     }
   }
 

style/components/steps.less

@@ -1,7 +1,7 @@
 @import "../mixins/index";
 @stepsPrefixClass: ~"@{css-prefix}steps";
 
-@active-color: #3fc7fa;
+@active-color: @primary-color;
 @wait-color: #e9e9e9;
 
 .transition(@transition) {
@@ -90,7 +90,7 @@
       line-height: 1;
       display: inline-block;
       vertical-align: text-top;
-      color: #3fc7fa;
+      color: @primary-color;
       position: relative;
     }
   }
@@ -173,4 +173,4 @@
     border: 0;
     background: none;
   }
-}
+}

style/components/tabs.less

@@ -16,7 +16,7 @@
     bottom: 0;
     box-sizing: border-box;
     height: 2px;
-    background-color: #3fc7fa;
+    background-color: @primary-color;
     transform: scaleX(1);
     transform-origin: 0 0;
     &-transition-forward {

style/mixins/input.less

@@ -151,11 +151,11 @@
     .button-variant(@input-color; #eee; @input-border-color);
 
     &:hover {
-      .button-color(lighten(@input-color, 30%, 'relative'); #eee; @input-border-color);
+      .button-color(tint(@input-color, 20%); #eee; @input-border-color);
     }
     &:active,
     &.active {
-      .button-color(lighten(@input-color, 20%, 'relative'); #eee; @input-border-color);
+      .button-color(shade(@input-color, 5%); #eee; @input-border-color);
     }
 
     .@{iconfont-css-prefix} {

style/themes/default/custom.less

@@ -23,8 +23,8 @@
 @icon-url               : "//at.alicdn.com/t/font_1434092639_4910953";
 
 // LINK
-@link-color             : #00abea;
+@link-color             : @primary-color;
-@link-hover-color       : tint(#00abea, 30%);
+@link-hover-color       : tint(@link-color, 20%);
 @link-hover-decoration  : none;
 
 // Disabled cursor for form controls and buttons.
@@ -46,7 +46,7 @@
 
 @btn-primary-color      : #fff;
 @btn-primary-bg         : @primary-color;
-@btn-primary-border     : @primary-color;
+@btn-primary-border     : shade(@primary-color, 5%);
 
 @btn-default-color      : #666;
 @btn-default-bg         : #f3f5f7;
@@ -131,7 +131,7 @@
 @input-font-size             : @font-size-base;
 @input-font-size-sm          : @font-size-base;
 
-@input-hover-border-color    : #23c0fa;
+@input-hover-border-color    : @primary-color;
 @input-focus-border-color    : @primary-color;
 @input-disabled-bg           : #f3f5f7;