update styles

Aresn
1 parent 67a87e8d
Showing 3 changed files with 16 additions and 14 deletions Show diff stats
examples/routers/notice.vue
src/styles/components/notice.less
src/styles/custom.less
@@ -14,7 +14,7 @@
         mounted () {
             this.$Notice.config({
                 top: 150,
-                duration: 3
+                duration: 30
             });
         }
     }
@@ -50,6 +50,7 @@
         white-space: nowrap;
     }
     &-with-desc &-title{
+        font-weight: bold;
         margin-bottom: 8px;
     }
     &-with-desc&-with-icon &-title{
@@ -58,7 +59,8 @@
     &-desc {
         font-size: 12px;
-        color: @legend-color;
+        //color: @legend-color;
+        color: @text-color;
         text-align: justify;
         line-height: 1.5;
     }
@@ -3,25 +3,25 @@
 @css-prefix-iconfont    : ivu-icon;
 // Color
-@primary-color          : #3399ff;
+@primary-color          : #2d8cf0;
 @info-color             : #2db7f5;
-@success-color          : #00cc66;
+@success-color          : #19be6b;
 @warning-color          : #ff9900;
-@error-color            : #ff3300;
-@link-color             : #3399ff;
+@error-color            : #ed3f14;
+@link-color             : #2D8cF0;
 @link-hover-color       : tint(@link-color, 20%);
 @link-active-color      : shade(@link-color, 5%);
 @selected-color         : fade(@primary-color, 90%);
 @tooltip-color          : #fff;
-@subsidiary-color       : #9ea7b4;
+@subsidiary-color       : #80848f;
 @rate-star-color        : #f5a623;
 // Base
 @body-background        : #fff;
 @font-family            : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
 @code-family            : Consolas,Menlo,Courier,monospace;
-@title-color            : #464c5b;
-@text-color             : #657180;
+@title-color            : #1c2438;
+@text-color             : #495060;
 @font-size-base         : 14px;
 @font-size-small        : 12px;
 @line-height-base       : 1.5;
@@ -31,16 +31,16 @@
 @cursor-disabled        : not-allowed;
 // Border color
-@border-color-base      : #d7dde4;  // outside
-@border-color-split     : #e3e8ee;  // inside
+@border-color-base      : #dddee1;  // outside
+@border-color-split     : #e9eaec;  // inside
 // Background color
 @background-color-base        : #f7f7f7;  // base
 @background-color-select-hover: @input-disabled-bg;
 @tooltip-bg                   : rgba(70, 76, 91, .9);
 @head-bg                      : #f9fafc;
-@table-thead-bg               : #f5f7f9;
-@table-td-stripe-bg           : #f5f7f9;
+@table-thead-bg               : #f8f8f9;
+@table-td-stripe-bg           : #f8f8f9;
 @table-td-hover-bg            : #ebf7ff;
 @table-td-highlight-bg        : #ebf7ff;
 @menu-dark-active-bg          : #313540;
@@ -66,7 +66,7 @@
 @btn-border-radius-small: 3px;
 @btn-group-border       : shade(@primary-color, 5%);
-@btn-disable-color      : #c3cbd6;
+@btn-disable-color      : #bbbec4;
 @btn-disable-bg         : @background-color-base;
 @btn-disable-border     : @border-color-base;