测试按钮

element-variables.scss

@@ -16,7 +16,7 @@ $--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #000000 !default;
+$--color-primary: #0994DC !default;
 /// color|1|Background Color|4
 $--color-white: #FFFFFF !default;
 /// color|1|Background Color|4
@@ -31,13 +31,13 @@ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #67C23A !default;
+$--color-success: #4EC87C !default;
 /// color|1|Functional Color|1
-$--color-warning: #E6A23C !default;
+$--color-warning: #FFA533 !default;
 /// color|1|Functional Color|1
-$--color-danger: #F56C6C !default;
+$--color-danger: #FF3D33 !default;
 /// color|1|Functional Color|1
-$--color-info: #909399 !default;
+$--color-info: #FFBF00 !default;
 
 $--color-success-light: mix($--color-white, $--color-success, 80%) !default;
 $--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
@@ -55,7 +55,7 @@ $--color-text-regular: #606266 !default;
 /// color|1|Font Color|2
 $--color-text-secondary: #909399 !default;
 /// color|1|Font Color|2
-$--color-text-placeholder: #C0C4CC !default;
+$--color-text-placeholder: #CCCCCC !default;
 /// color|1|Border Color|3
 $--border-color-base: #DCDFE6 !default;
 /// color|1|Border Color|3
@@ -515,33 +515,33 @@ $--button-font-weight: $--font-weight-primary !default;
 /// borderRadius||Border|2
 $--button-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-padding-vertical: 12px !default;
+$--button-padding-vertical: 10px !default;
 /// padding||Spacing|3
-$--button-padding-horizontal: 20px !default;
+$--button-padding-horizontal: 18px !default;
 
 /// fontSize||Font|1
 $--button-medium-font-size: $--font-size-base !default;
 /// borderRadius||Border|2
 $--button-medium-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-medium-padding-vertical: 10px !default;
+$--button-medium-padding-vertical: 8px !default;
 /// padding||Spacing|3
-$--button-medium-padding-horizontal: 20px !default;
+$--button-medium-padding-horizontal: 18px !default;
 
 /// fontSize||Font|1
 $--button-small-font-size: 12px !default;
 $--button-small-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
-$--button-small-padding-vertical: 9px !default;
+$--button-small-padding-vertical: 7px !default;
 /// padding||Spacing|3
-$--button-small-padding-horizontal: 15px !default;
+$--button-small-padding-horizontal: 13px !default;
 /// fontSize||Font|1
 $--button-mini-font-size: 12px !default;
 $--button-mini-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
-$--button-mini-padding-vertical: 7px !default;
+$--button-mini-padding-vertical: 5px !default;
 /// padding||Spacing|3
-$--button-mini-padding-horizontal: 15px !default;
+$--button-mini-padding-horizontal: 13px !default;
 
 /// color||Color|0
 $--button-default-font-color: $--color-text-regular !default;
@@ -553,9 +553,9 @@ $--button-default-border-color: $--border-color-base !default;
 /// color||Color|0
 $--button-disabled-font-color: $--color-text-placeholder !default;
 /// color||Color|0
-$--button-disabled-background-color: $--color-white !default;
+$--button-disabled-background-color: #F8F8F8 !default;
 /// color||Color|0
-$--button-disabled-border-color: $--border-color-lighter !default;
+$--button-disabled-border-color: #EBEBEB !default;
 
 /// color||Color|0
 $--button-primary-border-color: $--color-primary !default;
@@ -992,3 +992,4 @@ $--breakpoints-spec: (
   'lg-and-down': (max-width: $--xl - 1),
   'xl-only' : (min-width: $--xl),
 );
+

src/assets/element-variables.scss

@@ -31,13 +31,13 @@ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /
 $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
 $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
 /// color|1|Functional Color|1
-$--color-success: #67C23A !default;
+$--color-success: #4EC87C !default;
 /// color|1|Functional Color|1
-$--color-warning: #E6A23C !default;
+$--color-warning: #FFA533 !default;
 /// color|1|Functional Color|1
-$--color-danger: #F56C6C !default;
+$--color-danger: #FF3D33 !default;
 /// color|1|Functional Color|1
-$--color-info: #909399 !default;
+$--color-info: #FFBF00 !default;
 
 $--color-success-light: mix($--color-white, $--color-success, 80%) !default;
 $--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
@@ -55,9 +55,9 @@ $--color-text-regular: #606266 !default;
 /// color|1|Font Color|2
 $--color-text-secondary: #909399 !default;
 /// color|1|Font Color|2
-$--color-text-placeholder: #C0C4CC !default;
+$--color-text-placeholder: #CCCCCC !default;
 /// color|1|Border Color|3
-$--border-color-base: $--color-primary !default;
+$--border-color-base: #DCDFE6 !default;
 /// color|1|Border Color|3
 $--border-color-light: #E4E7ED !default;
 /// color|1|Border Color|3
@@ -81,9 +81,9 @@ $--border-style-base: solid !default;
 $--border-color-hover: $--color-text-placeholder !default;
 $--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
 /// borderRadius|1|Radius|0
-$--border-radius-base: 3px !default;
+$--border-radius-base: 4px !default;
 /// borderRadius|1|Radius|0
-$--border-radius-small: 3px !default;
+$--border-radius-small: 2px !default;
 /// borderRadius|1|Radius|0
 $--border-radius-circle: 100% !default;
 /// borderRadius|1|Radius|0
@@ -506,7 +506,7 @@ $--tab-vertical-header-width: 90px !default;
 $--tab-vertical-header-count-color: $--color-white !default;
 $--tab-vertical-header-count-fill: $--color-text-secondary !default;
 
-/* Button 按钮字体 默认
+/* Button
 -------------------------- */
 /// fontSize||Font|1
 $--button-font-size: $--font-size-base !default;
@@ -515,49 +515,49 @@ $--button-font-weight: $--font-weight-primary !default;
 /// borderRadius||Border|2
 $--button-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-padding-vertical: 11px !default;
+$--button-padding-vertical: 10px !default;
 /// padding||Spacing|3
-$--button-padding-horizontal: 20px !default;
+$--button-padding-horizontal: 18px !default;
 
-/// fontSize||Font|1 中等
+/// fontSize||Font|1
 $--button-medium-font-size: $--font-size-base !default;
 /// borderRadius||Border|2
 $--button-medium-border-radius: $--border-radius-base !default;
 /// padding||Spacing|3
-$--button-medium-padding-vertical: 9px !default;
+$--button-medium-padding-vertical: 8px !default;
 /// padding||Spacing|3
-$--button-medium-padding-horizontal: 20px !default;
+$--button-medium-padding-horizontal: 18px !default;
 
-/// fontSize||Font|1 小
+/// fontSize||Font|1
 $--button-small-font-size: 12px !default;
-$--button-small-border-radius: $--border-radius-base !default;
+$--button-small-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
-$--button-small-padding-vertical: 8px !default;
+$--button-small-padding-vertical: 7px !default;
 /// padding||Spacing|3
-$--button-small-padding-horizontal: 15px !default;
+$--button-small-padding-horizontal: 13px !default;
 /// fontSize||Font|1
 $--button-mini-font-size: 12px !default;
 $--button-mini-border-radius: #{$--border-radius-base - 1} !default;
 /// padding||Spacing|3
-$--button-mini-padding-vertical: 6px !default;
+$--button-mini-padding-vertical: 5px !default;
 /// padding||Spacing|3
-$--button-mini-padding-horizontal: 15px !default;
+$--button-mini-padding-horizontal: 13px !default;
 
-/// color||Color|0 默认按钮
-$--button-default-font-color: $--color-primary !default;
+/// color||Color|0
+$--button-default-font-color: $--color-text-regular !default;
 /// color||Color|0
 $--button-default-background-color: $--color-white !default;
 /// color||Color|0
 $--button-default-border-color: $--border-color-base !default;
 
-/// color||Color|0 禁用按钮
+/// color||Color|0
 $--button-disabled-font-color: $--color-text-placeholder !default;
 /// color||Color|0
-$--button-disabled-background-color: $--color-white !default;
+$--button-disabled-background-color: #F8F8F8 !default;
 /// color||Color|0
-$--button-disabled-border-color: $--border-color-lighter !default;
+$--button-disabled-border-color: #EBEBEB !default;
 
-/// color||Color|0 主要按钮 成功 警告 危险，信息
+/// color||Color|0
 $--button-primary-border-color: $--color-primary !default;
 /// color||Color|0
 $--button-primary-font-color: $--color-white !default;
@@ -992,7 +992,6 @@ $--breakpoints-spec: (
   'lg-and-down': (max-width: $--xl - 1),
   'xl-only' : (min-width: $--xl),
 );
-
 $--font-path: '~element-ui/lib/theme-chalk/fonts';
 
 @import "~element-ui/packages/theme-chalk/src/index";

src/components/homePage.vue

@@ -18,7 +18,45 @@
       <el-button size="small" plain>朴素按钮</el-button>
       <el-button size="mini" plain>朴素按钮</el-button>
     </el-row>
-
+    <el-row style="padding-top: 20px">
+      <el-button type="success">成功按钮</el-button>
+      <el-button size="medium" type="success">成功按钮</el-button>
+      <el-button size="small" type="success">成功按钮</el-button>
+      <el-button size="mini" type="success">成功按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button type="success" plain>成功按钮</el-button>
+      <el-button size="medium" type="success" plain>成功按钮</el-button>
+      <el-button size="small" type="success" plain>成功按钮</el-button>
+      <el-button size="mini" type="success" plain>成功按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button type="warning">警告按钮</el-button>
+      <el-button size="medium" type="warning">警告按钮</el-button>
+      <el-button size="small" type="warning">警告按钮</el-button>
+      <el-button size="mini" type="warning">警告按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button type="danger">危险按钮</el-button>
+      <el-button size="medium" type="danger">危险按钮</el-button>
+      <el-button size="small" type="danger">危险按钮</el-button>
+      <el-button size="mini" type="danger">危险按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button type="info">提醒按钮</el-button>
+      <el-button size="medium" type="info">提醒按钮</el-button>
+      <el-button size="small" type="info">提醒按钮</el-button>
+      <el-button size="mini" type="info">提醒按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button type="info">提醒按钮</el-button>
+      <el-button size="medium" type="info">提醒按钮</el-button>
+      <el-button size="small" type="info">提醒按钮</el-button>
+      <el-button size="mini" type="info">提醒按钮</el-button>
+    </el-row>
+    <el-row style="padding-top: 20px">
+      <el-button disabled>禁选按钮</el-button>
+    </el-row>
 
   </div>
 </template>

src/main.js

@@ -5,8 +5,8 @@ import App from './App'
 import router from './router'
 import ElementUI from 'element-ui'
 /*import 'element-ui/lib/theme-chalk/index.css';*/
-import '../src/assets/element-variables.scss'
-/*import '../theme/index.css'*/
+/*import '../src/assets/element-variables.scss'*/
+import '../theme/index.css'
 Vue.config.productionTip = false
 Vue.use(ElementUI)
 /* eslint-disable no-new */

theme/alert.css

@@ -268,7 +268,7 @@
   -webkit-transition: opacity .2s;
   transition: opacity .2s; }
   .el-alert.is-light .el-alert__closebtn {
-    color: #C0C4CC; }
+    color: #CCCCCC; }
   .el-alert.is-dark .el-alert__closebtn {
     color: #FFFFFF; }
   .el-alert.is-dark .el-alert__description {
@@ -278,36 +278,36 @@
     -ms-flex-pack: center;
     justify-content: center; }
   .el-alert--success.is-light {
-    background-color: #f0f9eb;
-    color: #67C23A; }
+    background-color: #edfaf2;
+    color: #4EC87C; }
     .el-alert--success.is-light .el-alert__description {
-      color: #67C23A; }
+      color: #4EC87C; }
   .el-alert--success.is-dark {
-    background-color: #67C23A;
+    background-color: #4EC87C;
     color: #FFFFFF; }
   .el-alert--info.is-light {
-    background-color: #f4f4f5;
-    color: #909399; }
+    background-color: #fff9e6;
+    color: #FFBF00; }
   .el-alert--info.is-dark {
-    background-color: #909399;
+    background-color: #FFBF00;
     color: #FFFFFF; }
   .el-alert--info .el-alert__description {
-    color: #909399; }
+    color: #FFBF00; }
   .el-alert--warning.is-light {
-    background-color: #fdf6ec;
-    color: #E6A23C; }
+    background-color: #fff6eb;
+    color: #FFA533; }
     .el-alert--warning.is-light .el-alert__description {
-      color: #E6A23C; }
+      color: #FFA533; }
   .el-alert--warning.is-dark {
-    background-color: #E6A23C;
+    background-color: #FFA533;
     color: #FFFFFF; }
   .el-alert--error.is-light {
-    background-color: #fef0f0;
-    color: #F56C6C; }
+    background-color: #ffeceb;
+    color: #FF3D33; }
     .el-alert--error.is-light .el-alert__description {
-      color: #F56C6C; }
+      color: #FF3D33; }
   .el-alert--error.is-dark {
-    background-color: #F56C6C;
+    background-color: #FF3D33;
     color: #FFFFFF; }
   .el-alert__content {
     display: table-cell;

theme/autocomplete.css

@@ -521,20 +521,20 @@
     -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
     .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-textarea__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-textarea .el-input__count {
-    color: #909399;
+    color: #FFBF00;
     background: #FFFFFF;
     position: absolute;
     font-size: 12px;
@@ -543,20 +543,20 @@
   .el-textarea.is-disabled .el-textarea__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-textarea.is-exceed .el-textarea__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-textarea.is-exceed .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
 
 .el-input {
   position: relative;
@@ -580,7 +580,7 @@
         background: #fff;
         width: 6px; }
   .el-input .el-input__clear {
-    color: #C0C4CC;
+    color: #CCCCCC;
     font-size: 14px;
     cursor: pointer;
     -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -595,7 +595,7 @@
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    color: #909399;
+    color: #FFBF00;
     font-size: 12px; }
     .el-input .el-input__count .el-input__count-inner {
       background: #FFFFFF;
@@ -621,25 +621,25 @@
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%; }
     .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-input__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-input__suffix {
     position: absolute;
     height: 100%;
     right: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s;
     pointer-events: none; }
@@ -651,7 +651,7 @@
     left: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s; }
   .el-input__icon {
@@ -671,26 +671,26 @@
     pointer-events: none; }
   .el-input.is-active .el-input__inner {
     outline: none;
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-input.is-disabled .el-input__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-input.is-disabled .el-input__icon {
     cursor: not-allowed; }
   .el-input.is-exceed .el-input__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-input--suffix .el-input__inner {
     padding-right: 30px; }
   .el-input--prefix .el-input__inner {
@@ -728,7 +728,7 @@
     display: table-cell; }
   .el-input-group__append, .el-input-group__prepend {
     background-color: #F5F7FA;
-    color: #909399;
+    color: #FFBF00;
     vertical-align: middle;
     display: table-cell;
     position: relative;

theme/backtop.css

@@ -254,7 +254,7 @@
   width: 40px;
   height: 40px;
   border-radius: 50%;
-  color: #000000;
+  color: #0994DC;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

theme/badge.css

@@ -253,7 +253,7 @@
   vertical-align: middle;
   display: inline-block; }
   .el-badge__content {
-    background-color: #F56C6C;
+    background-color: #FF3D33;
     border-radius: 10px;
     color: #FFFFFF;
     display: inline-block;
@@ -279,12 +279,12 @@
       right: 0;
       border-radius: 50%; }
     .el-badge__content--primary {
-      background-color: #000000; }
+      background-color: #0994DC; }
     .el-badge__content--success {
-      background-color: #67C23A; }
+      background-color: #4EC87C; }
     .el-badge__content--warning {
-      background-color: #E6A23C; }
+      background-color: #FFA533; }
     .el-badge__content--info {
-      background-color: #909399; }
+      background-color: #FFBF00; }
     .el-badge__content--danger {
-      background-color: #F56C6C; }
+      background-color: #FF3D33; }

theme/breadcrumb.css

@@ -260,7 +260,7 @@
   .el-breadcrumb__separator {
     margin: 0 9px;
     font-weight: bold;
-    color: #C0C4CC; }
+    color: #CCCCCC; }
     .el-breadcrumb__separator[class*=icon] {
       margin: 0 6px;
       font-weight: normal; }
@@ -275,7 +275,7 @@
         transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
         color: #303133; }
         .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
-          color: #000000;
+          color: #0994DC;
           cursor: pointer; }
     .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
     .el-breadcrumb__item:last-child .el-breadcrumb__inner a,

theme/carousel.css

@@ -310,7 +310,7 @@
       .el-carousel__indicators--outside .el-carousel__indicator:hover button {
         opacity: 0.64; }
       .el-carousel__indicators--outside button {
-        background-color: #C0C4CC;
+        background-color: #CCCCCC;
         opacity: 0.24; }
     .el-carousel__indicators--labels {
       left: 0;

theme/cascader-panel.css

@@ -641,7 +641,7 @@
     line-height: normal;
     height: 40px; }
     .el-checkbox.is-bordered.is-checked {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-checkbox.is-bordered.is-disabled {
       border-color: #EBEEF5;
       cursor: not-allowed; }
@@ -697,38 +697,38 @@
       cursor: not-allowed; }
       .el-checkbox__input.is-disabled .el-checkbox__inner::after {
         cursor: not-allowed;
-        border-color: #C0C4CC; }
+        border-color: #CCCCCC; }
       .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
         cursor: not-allowed; }
     .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
       background-color: #F2F6FC;
       border-color: #DCDFE6; }
       .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
-        border-color: #C0C4CC; }
+        border-color: #CCCCCC; }
     .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
       background-color: #F2F6FC;
       border-color: #DCDFE6; }
       .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
-        background-color: #C0C4CC;
-        border-color: #C0C4CC; }
+        background-color: #CCCCCC;
+        border-color: #CCCCCC; }
     .el-checkbox__input.is-disabled + span.el-checkbox__label {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
     .el-checkbox__input.is-checked .el-checkbox__inner {
-      background-color: #000000;
-      border-color: #000000; }
+      background-color: #0994DC;
+      border-color: #0994DC; }
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
     .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #000000; }
+      color: #0994DC; }
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
-        border-color: #000000; }
+        border-color: #0994DC; }
     .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-      background-color: #000000;
-      border-color: #000000; }
+      background-color: #0994DC;
+      border-color: #0994DC; }
       .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
         content: '';
         position: absolute;
@@ -756,7 +756,7 @@
     -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
     transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
     .el-checkbox__inner:hover {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-checkbox__inner::after {
       -webkit-box-sizing: content-box;
       box-sizing: content-box;
@@ -819,13 +819,13 @@
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-checkbox-button__inner.is-round {
-      padding: 12px 20px; }
+      padding: 10px 18px; }
     .el-checkbox-button__inner:hover {
-      color: #000000; }
+      color: #0994DC; }
     .el-checkbox-button__inner [class*="el-icon-"] {
       line-height: 0.9; }
       .el-checkbox-button__inner [class*="el-icon-"] + span {
@@ -838,49 +838,49 @@
     z-index: -1; }
   .el-checkbox-button.is-checked .el-checkbox-button__inner {
     color: #FFFFFF;
-    background-color: #000000;
-    border-color: #000000;
-    -webkit-box-shadow: -1px 0 0 0 #666666;
-    box-shadow: -1px 0 0 0 #666666; }
+    background-color: #0994DC;
+    border-color: #0994DC;
+    -webkit-box-shadow: -1px 0 0 0 #6bbfea;
+    box-shadow: -1px 0 0 0 #6bbfea; }
   .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
-    border-left-color: #000000; }
+    border-left-color: #0994DC; }
   .el-checkbox-button.is-disabled .el-checkbox-button__inner {
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed;
     background-image: none;
-    background-color: #FFFFFF;
-    border-color: #EBEEF5;
+    background-color: #F8F8F8;
+    border-color: #EBEBEB;
     -webkit-box-shadow: none;
     box-shadow: none; }
   .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
-    border-left-color: #EBEEF5; }
+    border-left-color: #EBEBEB; }
   .el-checkbox-button:first-child .el-checkbox-button__inner {
     border-left: 1px solid #DCDFE6;
     border-radius: 4px 0 0 4px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important; }
   .el-checkbox-button.is-focus .el-checkbox-button__inner {
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-checkbox-button:last-child .el-checkbox-button__inner {
     border-radius: 0 4px 4px 0; }
   .el-checkbox-button--medium .el-checkbox-button__inner {
-    padding: 10px 20px;
+    padding: 8px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
-      padding: 10px 20px; }
+      padding: 8px 18px; }
   .el-checkbox-button--small .el-checkbox-button__inner {
-    padding: 9px 15px;
+    padding: 7px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-checkbox-button--small .el-checkbox-button__inner.is-round {
-      padding: 9px 15px; }
+      padding: 7px 13px; }
   .el-checkbox-button--mini .el-checkbox-button__inner {
-    padding: 7px 15px;
+    padding: 5px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
-      padding: 7px 15px; }
+      padding: 5px 13px; }
 
 .el-checkbox-group {
   font-size: 0; }
@@ -1277,7 +1277,7 @@
     box-sizing: border-box;
     height: 40px; }
     .el-radio.is-bordered.is-checked {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-radio.is-bordered.is-disabled {
       cursor: not-allowed;
       border-color: #EBEEF5; }
@@ -1333,20 +1333,20 @@
       background-color: #F5F7FA;
       border-color: #E4E7ED; }
       .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
-        background-color: #C0C4CC; }
+        background-color: #CCCCCC; }
     .el-radio__input.is-disabled + span.el-radio__label {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
     .el-radio__input.is-checked .el-radio__inner {
-      border-color: #000000;
-      background: #000000; }
+      border-color: #0994DC;
+      background: #0994DC; }
       .el-radio__input.is-checked .el-radio__inner::after {
         -webkit-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1); }
     .el-radio__input.is-checked + .el-radio__label {
-      color: #000000; }
+      color: #0994DC; }
     .el-radio__input.is-focus .el-radio__inner {
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-radio__inner {
     border: 1px solid #DCDFE6;
     border-radius: 100%;
@@ -1359,7 +1359,7 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
     .el-radio__inner:hover {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-radio__inner::after {
       width: 4px;
       height: 4px;
@@ -1388,8 +1388,8 @@
   .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
     /*获得焦点时 样式提醒*/ }
     .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
-      -webkit-box-shadow: 0 0 2px 2px #000000;
-      box-shadow: 0 0 2px 2px #000000; }
+      -webkit-box-shadow: 0 0 2px 2px #0994DC;
+      box-shadow: 0 0 2px 2px #0994DC; }
   .el-radio__label {
     font-size: 14px;
     padding-left: 10px; }
@@ -1735,7 +1735,7 @@
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
-    color: #C0C4CC; }
+    color: #CCCCCC; }
 
 .el-cascader-node {
   position: relative;
@@ -1752,14 +1752,14 @@
   .el-cascader-node.is-selectable.in-active-path {
     color: #606266; }
   .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
-    color: #000000;
+    color: #0994DC;
     font-weight: bold; }
   .el-cascader-node:not(.is-disabled) {
     cursor: pointer; }
     .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
       background: #F5F7FA; }
   .el-cascader-node.is-disabled {
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
   .el-cascader-node__prefix {
     position: absolute;

theme/checkbox.css

@@ -391,7 +391,7 @@
     line-height: normal;
     height: 40px; }
     .el-checkbox.is-bordered.is-checked {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-checkbox.is-bordered.is-disabled {
       border-color: #EBEEF5;
       cursor: not-allowed; }
@@ -447,38 +447,38 @@
       cursor: not-allowed; }
       .el-checkbox__input.is-disabled .el-checkbox__inner::after {
         cursor: not-allowed;
-        border-color: #C0C4CC; }
+        border-color: #CCCCCC; }
       .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
         cursor: not-allowed; }
     .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
       background-color: #F2F6FC;
       border-color: #DCDFE6; }
       .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
-        border-color: #C0C4CC; }
+        border-color: #CCCCCC; }
     .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
       background-color: #F2F6FC;
       border-color: #DCDFE6; }
       .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
-        background-color: #C0C4CC;
-        border-color: #C0C4CC; }
+        background-color: #CCCCCC;
+        border-color: #CCCCCC; }
     .el-checkbox__input.is-disabled + span.el-checkbox__label {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
     .el-checkbox__input.is-checked .el-checkbox__inner {
-      background-color: #000000;
-      border-color: #000000; }
+      background-color: #0994DC;
+      border-color: #0994DC; }
       .el-checkbox__input.is-checked .el-checkbox__inner::after {
         -webkit-transform: rotate(45deg) scaleY(1);
         transform: rotate(45deg) scaleY(1); }
     .el-checkbox__input.is-checked + .el-checkbox__label {
-      color: #000000; }
+      color: #0994DC; }
     .el-checkbox__input.is-focus {
       /*focus时 视觉上区分*/ }
       .el-checkbox__input.is-focus .el-checkbox__inner {
-        border-color: #000000; }
+        border-color: #0994DC; }
     .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-      background-color: #000000;
-      border-color: #000000; }
+      background-color: #0994DC;
+      border-color: #0994DC; }
       .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
         content: '';
         position: absolute;
@@ -506,7 +506,7 @@
     -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
     transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
     .el-checkbox__inner:hover {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-checkbox__inner::after {
       -webkit-box-sizing: content-box;
       box-sizing: content-box;
@@ -569,13 +569,13 @@
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
-    padding: 12px 20px;
+    padding: 10px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-checkbox-button__inner.is-round {
-      padding: 12px 20px; }
+      padding: 10px 18px; }
     .el-checkbox-button__inner:hover {
-      color: #000000; }
+      color: #0994DC; }
     .el-checkbox-button__inner [class*="el-icon-"] {
       line-height: 0.9; }
       .el-checkbox-button__inner [class*="el-icon-"] + span {
@@ -588,49 +588,49 @@
     z-index: -1; }
   .el-checkbox-button.is-checked .el-checkbox-button__inner {
     color: #FFFFFF;
-    background-color: #000000;
-    border-color: #000000;
-    -webkit-box-shadow: -1px 0 0 0 #666666;
-    box-shadow: -1px 0 0 0 #666666; }
+    background-color: #0994DC;
+    border-color: #0994DC;
+    -webkit-box-shadow: -1px 0 0 0 #6bbfea;
+    box-shadow: -1px 0 0 0 #6bbfea; }
   .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
-    border-left-color: #000000; }
+    border-left-color: #0994DC; }
   .el-checkbox-button.is-disabled .el-checkbox-button__inner {
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed;
     background-image: none;
-    background-color: #FFFFFF;
-    border-color: #EBEEF5;
+    background-color: #F8F8F8;
+    border-color: #EBEBEB;
     -webkit-box-shadow: none;
     box-shadow: none; }
   .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
-    border-left-color: #EBEEF5; }
+    border-left-color: #EBEBEB; }
   .el-checkbox-button:first-child .el-checkbox-button__inner {
     border-left: 1px solid #DCDFE6;
     border-radius: 4px 0 0 4px;
     -webkit-box-shadow: none !important;
     box-shadow: none !important; }
   .el-checkbox-button.is-focus .el-checkbox-button__inner {
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-checkbox-button:last-child .el-checkbox-button__inner {
     border-radius: 0 4px 4px 0; }
   .el-checkbox-button--medium .el-checkbox-button__inner {
-    padding: 10px 20px;
+    padding: 8px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
-      padding: 10px 20px; }
+      padding: 8px 18px; }
   .el-checkbox-button--small .el-checkbox-button__inner {
-    padding: 9px 15px;
+    padding: 7px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-checkbox-button--small .el-checkbox-button__inner.is-round {
-      padding: 9px 15px; }
+      padding: 7px 13px; }
   .el-checkbox-button--mini .el-checkbox-button__inner {
-    padding: 7px 15px;
+    padding: 5px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
-      padding: 7px 15px; }
+      padding: 5px 13px; }
 
 .el-checkbox-group {
   font-size: 0; }

theme/collapse.css

@@ -521,7 +521,7 @@
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg); }
   .el-collapse-item__header.focusing:focus:not(:hover) {
-    color: #000000; }
+    color: #0994DC; }
   .el-collapse-item__header.is-active {
     border-bottom-color: transparent; }
 

theme/color-picker.css

@@ -273,8 +273,8 @@
     .el-color-predefine__color-selector:nth-child(10n + 1) {
       margin-left: 0; }
     .el-color-predefine__color-selector.selected {
-      -webkit-box-shadow: 0 0 3px 2px #000000;
-      box-shadow: 0 0 3px 2px #000000; }
+      -webkit-box-shadow: 0 0 3px 2px #0994DC;
+      box-shadow: 0 0 3px 2px #0994DC; }
     .el-color-predefine__color-selector > div {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -423,16 +423,16 @@
       color: #cccccc;
       cursor: not-allowed; }
     .el-color-dropdown__btn:hover {
-      color: #000000;
-      border-color: #000000; }
+      color: #0994DC;
+      border-color: #0994DC; }
   .el-color-dropdown__link-btn {
     cursor: pointer;
-    color: #000000;
+    color: #0994DC;
     text-decoration: none;
     padding: 15px;
     font-size: 12px; }
     .el-color-dropdown__link-btn:hover {
-      color: tint(#000000, 20%); }
+      color: tint(#0994DC, 20%); }
 
 .el-color-picker {
   display: inline-block;

theme/dialog.css

@@ -576,9 +576,9 @@
     cursor: pointer;
     font-size: 16px; }
     .el-dialog__headerbtn .el-dialog__close {
-      color: #909399; }
+      color: #FFBF00; }
     .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
-      color: #000000; }
+      color: #0994DC; }
   .el-dialog__title {
     line-height: 24px;
     font-size: 18px;

theme/form.css

@@ -333,7 +333,7 @@
     .el-form-item__content .el-input-group {
       vertical-align: top; }
   .el-form-item__error {
-    color: #F56C6C;
+    color: #FF3D33;
     font-size: 12px;
     line-height: 1;
     padding-top: 4px;
@@ -349,16 +349,16 @@
   .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before,
   .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
     content: '*';
-    color: #F56C6C;
+    color: #FF3D33;
     margin-right: 4px; }
   .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus,
   .el-form-item.is-error .el-textarea__inner,
   .el-form-item.is-error .el-textarea__inner:focus {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-form-item.is-error .el-input-group__append .el-input__inner,
   .el-form-item.is-error .el-input-group__prepend .el-input__inner {
     border-color: transparent; }
   .el-form-item.is-error .el-input__validateIcon {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-form-item--feedback .el-input__validateIcon {
     display: inline-block; }

theme/image.css

@@ -279,7 +279,7 @@
     align-items: center;
     font-size: 14px;
     background: #F5F7FA;
-    color: #C0C4CC;
+    color: #CCCCCC;
     vertical-align: middle; }
   .el-image__preview {
     cursor: pointer; }

theme/input-number.css

@@ -521,20 +521,20 @@
     -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
     .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-textarea__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-textarea .el-input__count {
-    color: #909399;
+    color: #FFBF00;
     background: #FFFFFF;
     position: absolute;
     font-size: 12px;
@@ -543,20 +543,20 @@
   .el-textarea.is-disabled .el-textarea__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-textarea.is-exceed .el-textarea__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-textarea.is-exceed .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
 
 .el-input {
   position: relative;
@@ -580,7 +580,7 @@
         background: #fff;
         width: 6px; }
   .el-input .el-input__clear {
-    color: #C0C4CC;
+    color: #CCCCCC;
     font-size: 14px;
     cursor: pointer;
     -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -595,7 +595,7 @@
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    color: #909399;
+    color: #FFBF00;
     font-size: 12px; }
     .el-input .el-input__count .el-input__count-inner {
       background: #FFFFFF;
@@ -621,25 +621,25 @@
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%; }
     .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-input__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-input__suffix {
     position: absolute;
     height: 100%;
     right: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s;
     pointer-events: none; }
@@ -651,7 +651,7 @@
     left: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s; }
   .el-input__icon {
@@ -671,26 +671,26 @@
     pointer-events: none; }
   .el-input.is-active .el-input__inner {
     outline: none;
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-input.is-disabled .el-input__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-input.is-disabled .el-input__icon {
     cursor: not-allowed; }
   .el-input.is-exceed .el-input__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-input--suffix .el-input__inner {
     padding-right: 30px; }
   .el-input--prefix .el-input__inner {
@@ -728,7 +728,7 @@
     display: table-cell; }
   .el-input-group__append, .el-input-group__prepend {
     background-color: #F5F7FA;
-    color: #909399;
+    color: #FFBF00;
     vertical-align: middle;
     display: table-cell;
     position: relative;
@@ -807,11 +807,11 @@
     cursor: pointer;
     font-size: 13px; }
     .el-input-number__increase:hover, .el-input-number__decrease:hover {
-      color: #000000; }
+      color: #0994DC; }
       .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-        border-color: #000000; }
+        border-color: #0994DC; }
     .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
   .el-input-number__increase {
     right: 1px;

theme/input.css

@@ -271,20 +271,20 @@
     -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
     .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-textarea__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-textarea .el-input__count {
-    color: #909399;
+    color: #FFBF00;
     background: #FFFFFF;
     position: absolute;
     font-size: 12px;
@@ -293,20 +293,20 @@
   .el-textarea.is-disabled .el-textarea__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-textarea.is-exceed .el-textarea__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-textarea.is-exceed .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
 
 .el-input {
   position: relative;
@@ -330,7 +330,7 @@
         background: #fff;
         width: 6px; }
   .el-input .el-input__clear {
-    color: #C0C4CC;
+    color: #CCCCCC;
     font-size: 14px;
     cursor: pointer;
     -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -345,7 +345,7 @@
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    color: #909399;
+    color: #FFBF00;
     font-size: 12px; }
     .el-input .el-input__count .el-input__count-inner {
       background: #FFFFFF;
@@ -371,25 +371,25 @@
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%; }
     .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-input__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-input__suffix {
     position: absolute;
     height: 100%;
     right: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s;
     pointer-events: none; }
@@ -401,7 +401,7 @@
     left: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s; }
   .el-input__icon {
@@ -421,26 +421,26 @@
     pointer-events: none; }
   .el-input.is-active .el-input__inner {
     outline: none;
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-input.is-disabled .el-input__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-input.is-disabled .el-input__icon {
     cursor: not-allowed; }
   .el-input.is-exceed .el-input__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-input--suffix .el-input__inner {
     padding-right: 30px; }
   .el-input--prefix .el-input__inner {
@@ -478,7 +478,7 @@
     display: table-cell; }
   .el-input-group__append, .el-input-group__prepend {
     background-color: #F5F7FA;
-    color: #909399;
+    color: #FFBF00;
     vertical-align: middle;
     display: table-cell;
     position: relative;

theme/link.css

@@ -277,7 +277,7 @@
     right: 0;
     height: 0;
     bottom: 0;
-    border-bottom: 1px solid #000000; }
+    border-bottom: 1px solid #0994DC; }
   .el-link.is-disabled {
     cursor: not-allowed; }
   .el-link [class*="el-icon-"] + span {
@@ -285,58 +285,58 @@
   .el-link.el-link--default {
     color: #606266; }
     .el-link.el-link--default:hover {
-      color: #000000; }
+      color: #0994DC; }
     .el-link.el-link--default:after {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-link.el-link--default.is-disabled {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-link.el-link--primary {
-    color: #000000; }
+    color: #0994DC; }
     .el-link.el-link--primary:hover {
-      color: #333333; }
+      color: #3aa9e3; }
     .el-link.el-link--primary:after {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-link.el-link--primary.is-disabled {
-      color: gray; }
+      color: #84caee; }
     .el-link.el-link--primary.is-underline:hover:after {
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-link.el-link--danger {
-    color: #F56C6C; }
+    color: #FF3D33; }
     .el-link.el-link--danger:hover {
-      color: #f78989; }
+      color: #ff645c; }
     .el-link.el-link--danger:after {
-      border-color: #F56C6C; }
+      border-color: #FF3D33; }
     .el-link.el-link--danger.is-disabled {
-      color: #fab6b6; }
+      color: #ff9e99; }
     .el-link.el-link--danger.is-underline:hover:after {
-      border-color: #F56C6C; }
+      border-color: #FF3D33; }
   .el-link.el-link--success {
-    color: #67C23A; }
+    color: #4EC87C; }
     .el-link.el-link--success:hover {
-      color: #85ce61; }
+      color: #71d396; }
     .el-link.el-link--success:after {
-      border-color: #67C23A; }
+      border-color: #4EC87C; }
     .el-link.el-link--success.is-disabled {
-      color: #b3e19d; }
+      color: #a7e4be; }
     .el-link.el-link--success.is-underline:hover:after {
-      border-color: #67C23A; }
+      border-color: #4EC87C; }
   .el-link.el-link--warning {
-    color: #E6A23C; }
+    color: #FFA533; }
     .el-link.el-link--warning:hover {
-      color: #ebb563; }
+      color: #ffb75c; }
     .el-link.el-link--warning:after {
-      border-color: #E6A23C; }
+      border-color: #FFA533; }
     .el-link.el-link--warning.is-disabled {
-      color: #f3d19e; }
+      color: #ffd299; }
     .el-link.el-link--warning.is-underline:hover:after {
-      border-color: #E6A23C; }
+      border-color: #FFA533; }
   .el-link.el-link--info {
-    color: #909399; }
+    color: #FFBF00; }
     .el-link.el-link--info:hover {
-      color: #a6a9ad; }
+      color: #ffcc33; }
     .el-link.el-link--info:after {
-      border-color: #909399; }
+      border-color: #FFBF00; }
     .el-link.el-link--info.is-disabled {
-      color: #c8c9cc; }
+      color: #ffdf80; }
     .el-link.el-link--info.is-underline:hover:after {
-      border-color: #909399; }
+      border-color: #FFBF00; }

theme/loading.css

@@ -280,7 +280,7 @@
   text-align: center;
   position: absolute; }
   .el-loading-spinner .el-loading-text {
-    color: #000000;
+    color: #0994DC;
     margin: 3px 0;
     font-size: 14px; }
   .el-loading-spinner .circular {
@@ -294,10 +294,10 @@
     stroke-dasharray: 90, 150;
     stroke-dashoffset: 0;
     stroke-width: 2;
-    stroke: #000000;
+    stroke: #0994DC;
     stroke-linecap: round; }
   .el-loading-spinner i {
-    color: #000000; }
+    color: #0994DC; }
 
 .el-loading-fade-enter,
 .el-loading-fade-leave-active {

theme/menu.css

@@ -520,7 +520,7 @@
         .el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
           color: #303133; }
       .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
-        border-bottom: 2px solid #000000;
+        border-bottom: 2px solid #0994DC;
         color: #303133; }
       .el-menu--horizontal > .el-submenu .el-submenu__title {
         height: 60px;
@@ -550,7 +550,7 @@
       outline: none;
       color: #303133; }
     .el-menu--horizontal > .el-menu-item.is-active {
-      border-bottom: 2px solid #000000;
+      border-bottom: 2px solid #0994DC;
       color: #303133; }
   .el-menu--collapse {
     width: 64px; }
@@ -623,7 +623,7 @@
     color: #909399; }
   .el-menu-item:hover, .el-menu-item:focus {
     outline: none;
-    background-color: #e6e6e6; }
+    background-color: #e6f4fc; }
   .el-menu-item.is-disabled {
     opacity: 0.25;
     cursor: not-allowed;
@@ -635,7 +635,7 @@
     font-size: 18px;
     vertical-align: middle; }
   .el-menu-item.is-active {
-    color: #000000; }
+    color: #0994DC; }
     .el-menu-item.is-active i {
       color: inherit; }
 
@@ -663,13 +663,13 @@
       color: #909399; }
     .el-submenu__title:hover, .el-submenu__title:focus {
       outline: none;
-      background-color: #e6e6e6; }
+      background-color: #e6f4fc; }
     .el-submenu__title.is-disabled {
       opacity: 0.25;
       cursor: not-allowed;
       background: none !important; }
     .el-submenu__title:hover {
-      background-color: #e6e6e6; }
+      background-color: #e6f4fc; }
   .el-submenu .el-menu {
     border: none; }
   .el-submenu .el-menu-item {
@@ -688,7 +688,7 @@
     transition: transform .3s, -webkit-transform .3s;
     font-size: 12px; }
   .el-submenu.is-active .el-submenu__title {
-    border-bottom-color: #000000; }
+    border-bottom-color: #0994DC; }
   .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
     -webkit-transform: rotateZ(180deg);
     transform: rotateZ(180deg); }

theme/message.css

@@ -283,22 +283,22 @@
   .el-message p {
     margin: 0; }
   .el-message--info .el-message__content {
-    color: #909399; }
+    color: #FFBF00; }
   .el-message--success {
-    background-color: #f0f9eb;
-    border-color: #e1f3d8; }
+    background-color: #edfaf2;
+    border-color: #dcf4e5; }
     .el-message--success .el-message__content {
-      color: #67C23A; }
+      color: #4EC87C; }
   .el-message--warning {
-    background-color: #fdf6ec;
-    border-color: #faecd8; }
+    background-color: #fff6eb;
+    border-color: #ffedd6; }
     .el-message--warning .el-message__content {
-      color: #E6A23C; }
+      color: #FFA533; }
   .el-message--error {
-    background-color: #fef0f0;
-    border-color: #fde2e2; }
+    background-color: #ffeceb;
+    border-color: #ffd8d6; }
     .el-message--error .el-message__content {
-      color: #F56C6C; }
+      color: #FF3D33; }
   .el-message__icon {
     margin-right: 10px; }
   .el-message__content {
@@ -314,20 +314,20 @@
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     cursor: pointer;
-    color: #C0C4CC;
+    color: #CCCCCC;
     font-size: 16px; }
     .el-message__closeBtn:focus {
       outline-width: 0; }
     .el-message__closeBtn:hover {
       color: #909399; }
   .el-message .el-icon-success {
-    color: #67C23A; }
+    color: #4EC87C; }
   .el-message .el-icon-error {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-message .el-icon-info {
-    color: #909399; }
+    color: #FFBF00; }
   .el-message .el-icon-warning {
-    color: #E6A23C; }
+    color: #FFA533; }
 
 .el-message-fade-enter,
 .el-message-fade-leave-active {

theme/notification.css

@@ -301,13 +301,13 @@
     .el-notification__closeBtn:hover {
       color: #606266; }
   .el-notification .el-icon-success {
-    color: #67C23A; }
+    color: #4EC87C; }
   .el-notification .el-icon-error {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-notification .el-icon-info {
-    color: #909399; }
+    color: #FFBF00; }
   .el-notification .el-icon-warning {
-    color: #E6A23C; }
+    color: #FFA533; }
 
 .el-notification-fade-enter.right {
   right: 0;

theme/option-group.css

@@ -270,7 +270,7 @@
   .el-select-group__title {
     padding-left: 20px;
     font-size: 12px;
-    color: #909399;
+    color: #FFBF00;
     line-height: 30px; }
   .el-select-group .el-select-dropdown__item {
     padding-left: 20px; }

theme/option.css

@@ -262,12 +262,12 @@
   box-sizing: border-box;
   cursor: pointer; }
   .el-select-dropdown__item.is-disabled {
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-select-dropdown__item.is-disabled:hover {
       background-color: #FFFFFF; }
   .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
     background-color: #F5F7FA; }
   .el-select-dropdown__item.selected {
-    color: #000000;
+    color: #0994DC;
     font-weight: bold; }

theme/progress.css

@@ -285,17 +285,17 @@
     padding-right: 0;
     margin-right: 0; }
   .el-progress.is-success .el-progress-bar__inner {
-    background-color: #67C23A; }
+    background-color: #4EC87C; }
   .el-progress.is-success .el-progress__text {
-    color: #67C23A; }
+    color: #4EC87C; }
   .el-progress.is-warning .el-progress-bar__inner {
-    background-color: #E6A23C; }
+    background-color: #FFA533; }
   .el-progress.is-warning .el-progress__text {
-    color: #E6A23C; }
+    color: #FFA533; }
   .el-progress.is-exception .el-progress-bar__inner {
-    background-color: #F56C6C; }
+    background-color: #FF3D33; }
   .el-progress.is-exception .el-progress__text {
-    color: #F56C6C; }
+    color: #FF3D33; }
 
 .el-progress-bar {
   padding-right: 50px;
@@ -317,7 +317,7 @@
     left: 0;
     top: 0;
     height: 100%;
-    background-color: #000000;
+    background-color: #0994DC;
     text-align: right;
     border-radius: 100px;
     line-height: 1;

theme/radio-button.css

@@ -393,13 +393,13 @@
     cursor: pointer;
     -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    padding: 12px 20px;
+    padding: 10px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-radio-button__inner.is-round {
-      padding: 12px 20px; }
+      padding: 10px 18px; }
     .el-radio-button__inner:hover {
-      color: #000000; }
+      color: #0994DC; }
     .el-radio-button__inner [class*="el-icon-"] {
       line-height: 0.9; }
       .el-radio-button__inner [class*="el-icon-"] + span {
@@ -416,16 +416,16 @@
     z-index: -1; }
     .el-radio-button__orig-radio:checked + .el-radio-button__inner {
       color: #FFFFFF;
-      background-color: #000000;
-      border-color: #000000;
-      -webkit-box-shadow: -1px 0 0 0 #000000;
-      box-shadow: -1px 0 0 0 #000000; }
+      background-color: #0994DC;
+      border-color: #0994DC;
+      -webkit-box-shadow: -1px 0 0 0 #0994DC;
+      box-shadow: -1px 0 0 0 #0994DC; }
     .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed;
       background-image: none;
-      background-color: #FFFFFF;
-      border-color: #EBEEF5;
+      background-color: #F8F8F8;
+      border-color: #EBEBEB;
       -webkit-box-shadow: none;
       box-shadow: none; }
     .el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
@@ -435,24 +435,24 @@
   .el-radio-button:first-child:last-child .el-radio-button__inner {
     border-radius: 4px; }
   .el-radio-button--medium .el-radio-button__inner {
-    padding: 10px 20px;
+    padding: 8px 18px;
     font-size: 14px;
     border-radius: 0; }
     .el-radio-button--medium .el-radio-button__inner.is-round {
-      padding: 10px 20px; }
+      padding: 8px 18px; }
   .el-radio-button--small .el-radio-button__inner {
-    padding: 9px 15px;
+    padding: 7px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-radio-button--small .el-radio-button__inner.is-round {
-      padding: 9px 15px; }
+      padding: 7px 13px; }
   .el-radio-button--mini .el-radio-button__inner {
-    padding: 7px 15px;
+    padding: 5px 13px;
     font-size: 12px;
     border-radius: 0; }
     .el-radio-button--mini .el-radio-button__inner.is-round {
-      padding: 7px 15px; }
+      padding: 5px 13px; }
   .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
     /*获得焦点时 样式提醒*/
-    -webkit-box-shadow: 0 0 2px 2px #000000;
-    box-shadow: 0 0 2px 2px #000000; }
+    -webkit-box-shadow: 0 0 2px 2px #0994DC;
+    box-shadow: 0 0 2px 2px #0994DC; }

theme/radio.css

@@ -391,7 +391,7 @@
     box-sizing: border-box;
     height: 40px; }
     .el-radio.is-bordered.is-checked {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-radio.is-bordered.is-disabled {
       cursor: not-allowed;
       border-color: #EBEEF5; }
@@ -447,20 +447,20 @@
       background-color: #F5F7FA;
       border-color: #E4E7ED; }
       .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
-        background-color: #C0C4CC; }
+        background-color: #CCCCCC; }
     .el-radio__input.is-disabled + span.el-radio__label {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
     .el-radio__input.is-checked .el-radio__inner {
-      border-color: #000000;
-      background: #000000; }
+      border-color: #0994DC;
+      background: #0994DC; }
       .el-radio__input.is-checked .el-radio__inner::after {
         -webkit-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1); }
     .el-radio__input.is-checked + .el-radio__label {
-      color: #000000; }
+      color: #0994DC; }
     .el-radio__input.is-focus .el-radio__inner {
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-radio__inner {
     border: 1px solid #DCDFE6;
     border-radius: 100%;
@@ -473,7 +473,7 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box; }
     .el-radio__inner:hover {
-      border-color: #000000; }
+      border-color: #0994DC; }
     .el-radio__inner::after {
       width: 4px;
       height: 4px;
@@ -502,8 +502,8 @@
   .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
     /*获得焦点时 样式提醒*/ }
     .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
-      -webkit-box-shadow: 0 0 2px 2px #000000;
-      box-shadow: 0 0 2px 2px #000000; }
+      -webkit-box-shadow: 0 0 2px 2px #0994DC;
+      box-shadow: 0 0 2px 2px #0994DC; }
   .el-radio__label {
     font-size: 14px;
     padding-left: 10px; }

theme/rate.css

@@ -263,7 +263,7 @@
     display: inline-block;
     font-size: 18px;
     margin-right: 6px;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: .3s;
     transition: .3s; }
     .el-rate__icon.hover {

theme/reset.css

@@ -127,12 +127,12 @@ body {
   -webkit-font-smoothing: antialiased; }
 
 a {
-  color: #000000;
+  color: #0994DC;
   text-decoration: none; }
   a:hover, a:focus {
-    color: #333333; }
+    color: #3aa9e3; }
   a:active {
-    color: black; }
+    color: #0885c6; }
 
 h1, h2, h3, h4, h5, h6 {
   color: #606266;

theme/select-dropdown.css

@@ -589,7 +589,7 @@
   box-sizing: border-box;
   margin: 5px 0; }
   .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
-    color: #000000;
+    color: #0994DC;
     background-color: #FFFFFF; }
     .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
       background-color: #F5F7FA; }

theme/slider.css

@@ -651,20 +651,20 @@
     -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
     .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-textarea__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-textarea .el-input__count {
-    color: #909399;
+    color: #FFBF00;
     background: #FFFFFF;
     position: absolute;
     font-size: 12px;
@@ -673,20 +673,20 @@
   .el-textarea.is-disabled .el-textarea__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-textarea.is-disabled .el-textarea__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-textarea.is-exceed .el-textarea__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-textarea.is-exceed .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
 
 .el-input {
   position: relative;
@@ -710,7 +710,7 @@
         background: #fff;
         width: 6px; }
   .el-input .el-input__clear {
-    color: #C0C4CC;
+    color: #CCCCCC;
     font-size: 14px;
     cursor: pointer;
     -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -725,7 +725,7 @@
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    color: #909399;
+    color: #FFBF00;
     font-size: 12px; }
     .el-input .el-input__count .el-input__count-inner {
       background: #FFFFFF;
@@ -751,25 +751,25 @@
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
     width: 100%; }
     .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input__inner:hover {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-input__inner:focus {
       outline: none;
-      border-color: #000000; }
+      border-color: #0994DC; }
   .el-input__suffix {
     position: absolute;
     height: 100%;
     right: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s;
     pointer-events: none; }
@@ -781,7 +781,7 @@
     left: 5px;
     top: 0;
     text-align: center;
-    color: #C0C4CC;
+    color: #CCCCCC;
     -webkit-transition: all .3s;
     transition: all .3s; }
   .el-input__icon {
@@ -801,26 +801,26 @@
     pointer-events: none; }
   .el-input.is-active .el-input__inner {
     outline: none;
-    border-color: #000000; }
+    border-color: #0994DC; }
   .el-input.is-disabled .el-input__inner {
     background-color: #F5F7FA;
     border-color: #E4E7ED;
-    color: #C0C4CC;
+    color: #CCCCCC;
     cursor: not-allowed; }
     .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-moz-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-input.is-disabled .el-input__inner::placeholder {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
   .el-input.is-disabled .el-input__icon {
     cursor: not-allowed; }
   .el-input.is-exceed .el-input__inner {
-    border-color: #F56C6C; }
+    border-color: #FF3D33; }
   .el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #F56C6C; }
+    color: #FF3D33; }
   .el-input--suffix .el-input__inner {
     padding-right: 30px; }
   .el-input--prefix .el-input__inner {
@@ -858,7 +858,7 @@
     display: table-cell; }
   .el-input-group__append, .el-input-group__prepend {
     background-color: #F5F7FA;
-    color: #909399;
+    color: #FFBF00;
     vertical-align: middle;
     display: table-cell;
     position: relative;
@@ -937,11 +937,11 @@
     cursor: pointer;
     font-size: 13px; }
     .el-input-number__increase:hover, .el-input-number__decrease:hover {
-      color: #000000; }
+      color: #0994DC; }
       .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-        border-color: #000000; }
+        border-color: #0994DC; }
     .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
-      color: #C0C4CC;
+      color: #CCCCCC;
       cursor: not-allowed; }
   .el-input-number__increase {
     right: 1px;
@@ -1506,9 +1506,9 @@
   .el-slider__runway.disabled {
     cursor: default; }
     .el-slider__runway.disabled .el-slider__bar {
-      background-color: #C0C4CC; }
+      background-color: #CCCCCC; }
     .el-slider__runway.disabled .el-slider__button {
-      border-color: #C0C4CC; }
+      border-color: #CCCCCC; }
     .el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover {
       cursor: not-allowed; }
     .el-slider__runway.disabled .el-slider__button-wrapper.dragging {
@@ -1534,7 +1534,7 @@
 
 .el-slider__bar {
   height: 6px;
-  background-color: #000000;
+  background-color: #0994DC;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   position: absolute; }
@@ -1572,7 +1572,7 @@
 .el-slider__button {
   width: 16px;
   height: 16px;
-  border: solid 2px #000000;
+  border: solid 2px #0994DC;
   background-color: #FFFFFF;
   border-radius: 50%;
   -webkit-transition: .2s;
@@ -1610,7 +1610,7 @@
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     font-size: 14px;
-    color: #909399;
+    color: #FFBF00;
     margin-top: 15px; }
 
 .el-slider.is-vertical {
@@ -1666,10 +1666,10 @@
           border-bottom-right-radius: 0; }
       .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
       .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
-        border-color: #C0C4CC; }
+        border-color: #CCCCCC; }
       .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
       .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
-        border-color: #000000; }
+        border-color: #0994DC; }
   .el-slider.is-vertical .el-slider__marks-text {
     margin-top: 0;
     left: 15px;

theme/step.css

@@ -271,17 +271,17 @@
       color: #303133;
       border-color: #303133; }
     .el-step__head.is-wait {
-      color: #C0C4CC;
-      border-color: #C0C4CC; }
+      color: #CCCCCC;
+      border-color: #CCCCCC; }
     .el-step__head.is-success {
-      color: #67C23A;
-      border-color: #67C23A; }
+      color: #4EC87C;
+      border-color: #4EC87C; }
     .el-step__head.is-error {
-      color: #F56C6C;
-      border-color: #F56C6C; }
+      color: #FF3D33;
+      border-color: #FF3D33; }
     .el-step__head.is-finish {
-      color: #000000;
-      border-color: #000000; }
+      color: #0994DC;
+      border-color: #0994DC; }
   .el-step__icon {
     position: relative;
     z-index: 1;
@@ -327,7 +327,7 @@
   .el-step__line {
     position: absolute;
     border-color: inherit;
-    background-color: #C0C4CC; }
+    background-color: #CCCCCC; }
   .el-step__line-inner {
     display: block;
     border-width: 1px;
@@ -349,13 +349,13 @@
       font-weight: bold;
       color: #303133; }
     .el-step__title.is-wait {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-step__title.is-success {
-      color: #67C23A; }
+      color: #4EC87C; }
     .el-step__title.is-error {
-      color: #F56C6C; }
+      color: #FF3D33; }
     .el-step__title.is-finish {
-      color: #000000; }
+      color: #0994DC; }
   .el-step__description {
     padding-right: 10%;
     margin-top: -5px;
@@ -365,13 +365,13 @@
     .el-step__description.is-process {
       color: #303133; }
     .el-step__description.is-wait {
-      color: #C0C4CC; }
+      color: #CCCCCC; }
     .el-step__description.is-success {
-      color: #67C23A; }
+      color: #4EC87C; }
     .el-step__description.is-error {
-      color: #F56C6C; }
+      color: #FF3D33; }
     .el-step__description.is-finish {
-      color: #000000; }
+      color: #0994DC; }
   .el-step.is-horizontal {
     display: inline-block; }
     .el-step.is-horizontal .el-step__line {
@@ -470,7 +470,7 @@
         position: absolute;
         height: 15px;
         width: 1px;
-        background: #C0C4CC; }
+        background: #CCCCCC; }
       .el-step.is-simple .el-step__arrow::before {
         -webkit-transform: rotate(-45deg) translateY(-4px);
         transform: rotate(-45deg) translateY(-4px);