Commit 7401ec352aa6f9aa3a40ee0f403a6d1f9f0a4d74
1 parent
cbaf4e23
update colors
Showing
2 changed files
with
10 additions
and
10 deletions
Show diff stats
src/components/color-picker/color-picker.vue
src/styles/custom.less
| @@ -10,22 +10,22 @@ | @@ -10,22 +10,22 @@ | ||
| 10 | @success-color : #19be6b; | 10 | @success-color : #19be6b; |
| 11 | @processing-color : @primary-color; | 11 | @processing-color : @primary-color; |
| 12 | @warning-color : #ff9900; | 12 | @warning-color : #ff9900; |
| 13 | -@error-color : #ed3f14; | 13 | +@error-color : #ed4014; |
| 14 | @normal-color : #e6ebf1; | 14 | @normal-color : #e6ebf1; |
| 15 | @link-color : #2D8cF0; | 15 | @link-color : #2D8cF0; |
| 16 | @link-hover-color : tint(@link-color, 20%); | 16 | @link-hover-color : tint(@link-color, 20%); |
| 17 | @link-active-color : shade(@link-color, 5%); | 17 | @link-active-color : shade(@link-color, 5%); |
| 18 | @selected-color : fade(@primary-color, 90%); | 18 | @selected-color : fade(@primary-color, 90%); |
| 19 | @tooltip-color : #fff; | 19 | @tooltip-color : #fff; |
| 20 | -@subsidiary-color : #80848f; | 20 | +@subsidiary-color : #808695; |
| 21 | @rate-star-color : #f5a623; | 21 | @rate-star-color : #f5a623; |
| 22 | 22 | ||
| 23 | // Base | 23 | // Base |
| 24 | @body-background : #fff; | 24 | @body-background : #fff; |
| 25 | @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; | 25 | @font-family : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; |
| 26 | @code-family : Consolas,Menlo,Courier,monospace; | 26 | @code-family : Consolas,Menlo,Courier,monospace; |
| 27 | -@title-color : #1c2438; | ||
| 28 | -@text-color : #495060; | 27 | +@title-color : #17233d; |
| 28 | +@text-color : #515a6e; | ||
| 29 | @font-size-base : 14px; | 29 | @font-size-base : 14px; |
| 30 | @font-size-small : 12px; | 30 | @font-size-small : 12px; |
| 31 | @font-size-large : 16px; | 31 | @font-size-large : 16px; |
| @@ -36,8 +36,8 @@ | @@ -36,8 +36,8 @@ | ||
| 36 | @cursor-disabled : not-allowed; | 36 | @cursor-disabled : not-allowed; |
| 37 | 37 | ||
| 38 | // Border color | 38 | // Border color |
| 39 | -@border-color-base : #dddee1; // outside | ||
| 40 | -@border-color-split : #e9eaec; // inside | 39 | +@border-color-base : #dcdee2; // outside |
| 40 | +@border-color-split : #e8eaec; // inside | ||
| 41 | @border-width-base : 1px; // width of the border for a component | 41 | @border-width-base : 1px; // width of the border for a component |
| 42 | @border-style-base : solid; // style of a components border | 42 | @border-style-base : solid; // style of a components border |
| 43 | 43 | ||
| @@ -50,7 +50,7 @@ | @@ -50,7 +50,7 @@ | ||
| 50 | @table-td-stripe-bg : #f8f8f9; | 50 | @table-td-stripe-bg : #f8f8f9; |
| 51 | @table-td-hover-bg : #ebf7ff; | 51 | @table-td-hover-bg : #ebf7ff; |
| 52 | @table-td-highlight-bg : #ebf7ff; | 52 | @table-td-highlight-bg : #ebf7ff; |
| 53 | -@menu-dark-title : #495060; | 53 | +@menu-dark-title : #515a6e; |
| 54 | @menu-dark-active-bg : #363e4f; | 54 | @menu-dark-active-bg : #363e4f; |
| 55 | @menu-dark-subsidiary-color : rgba(255,255,255,.7); | 55 | @menu-dark-subsidiary-color : rgba(255,255,255,.7); |
| 56 | @menu-dark-group-title-color : rgba(255,255,255,.36); | 56 | @menu-dark-group-title-color : rgba(255,255,255,.36); |
| @@ -76,7 +76,7 @@ | @@ -76,7 +76,7 @@ | ||
| 76 | @btn-border-radius-small: 3px; | 76 | @btn-border-radius-small: 3px; |
| 77 | @btn-group-border : shade(@primary-color, 5%); | 77 | @btn-group-border : shade(@primary-color, 5%); |
| 78 | 78 | ||
| 79 | -@btn-disable-color : #bbbec4; | 79 | +@btn-disable-color : #c5c8ce; |
| 80 | @btn-disable-bg : @background-color-base; | 80 | @btn-disable-bg : @background-color-base; |
| 81 | @btn-disable-border : @border-color-base; | 81 | @btn-disable-border : @border-color-base; |
| 82 | 82 | ||
| @@ -99,7 +99,7 @@ | @@ -99,7 +99,7 @@ | ||
| 99 | @grid-columns : 24; | 99 | @grid-columns : 24; |
| 100 | @grid-gutter-width : 0; | 100 | @grid-gutter-width : 0; |
| 101 | @layout-body-background : #f5f7f9; | 101 | @layout-body-background : #f5f7f9; |
| 102 | -@layout-header-background : #495060; | 102 | +@layout-header-background : #515a6e; |
| 103 | @layout-header-height : 64px; | 103 | @layout-header-height : 64px; |
| 104 | @layout-header-padding : 0 50px; | 104 | @layout-header-padding : 0 50px; |
| 105 | @layout-footer-padding : 24px 50px; | 105 | @layout-footer-padding : 24px 50px; |