@alifd/theme-panda 0.1.0 → 0.1.2

package/variables.scss

@@ -1,5 +1,74 @@
 
 
+// ------------------------ color ------------------------ //
+
+$color-text1-4: rgba(46,48,56,1);
+$color-text1-6: rgba(0,12,23,1);
+$color-other-7: rgba(0,21,41,1);
+$color-other-8: rgba(0,12,23,1);
+$color-other-9: #FFFFFF;
+$color-other-10: #FFFFFF;
+$color-text1-5: rgba(255,255,255,0.65);
+$color-line1-5: rgba(220,220,220,1);
+$color-other-6: rgba(230,247,255,1);
+$color-other-5: rgba(250,250,250,1);
+$color-other-4: rgba(241,241,241,1);
+$color-text1-3: rgba(0,0,0,0.75);
+$color-text1-1: rgba(0,0,0,0.4);
+$color-fill1-2: rgba(248,249,251,1);
+$color-fill1-1: rgba(245,245,245,1);
+$color-line1-3: rgba(202,202,202,1);
+$color-line1-2: rgba(240,240,240,1);
+$color-line1-1: rgba(217,217,217,1);
+$color-other-3: rgba(0,0,0,0.75);
+$color-other-2: rgba(217,54,62,1);
+$color-other-1: rgba(9,109,217,1);
+$color-link-3: rgba(64,169,255,1);
+$color-link-2: rgba(37,125,249,1);
+$color-link-1: rgba(37,125,249,1);
+$color-error-4: rgba(255,120,117,1);
+$color-error-3: rgba(255,77,79,1);
+$color-warning-3: rgba(250,173,20,1);
+$color-notice-3: rgba(37,125,249,1);
+$color-success-3: rgba(82,196,26,1);
+$color-brand1-9: rgba(64,169,255,1);
+$color-brand1-6: rgba(37,125,249,1);
+$color-text1-2: #999999;
+$color-fill1-4: #E2E4E8;
+$color-fill1-3: #EBECF0;
+$color-line1-4: #A0A2AD;
+$color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
+$color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
+$color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
+$color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
+$color-help-4: #01A79A;
+$color-help-3: #01C1B2;
+$color-help-2: #C0ECE2;
+$color-help-1: #E3FFF8;
+$color-error-2: #FFC8B2;
+$color-error-1: #FFECE4;
+$color-warning-4: #EB7E10;
+$color-warning-2: #FFE6BD;
+$color-warning-1: #FFF3E0;
+$color-notice-4: #2E7DE0;
+$color-notice-2: #BAD9FF;
+$color-notice-1: #E3F2FD;
+$color-success-4: #41A716;
+$color-success-2: #CDF2BE;
+$color-success-1: #E4FDDA;
+$color-transparent: transparent;
+$color-black: #000000;
+$color-white: #FFFFFF;
+$color-data1-8: #18B1F7;
+$color-data1-7: #4DDE6D;
+$color-data1-6: #FFD74D;
+$color-data1-5: #FF934D;
+$color-data1-4: #FF445F;
+$color-data1-3: #AE66FC;
+$color-data1-2: #506FED;
+$color-data1-1: #00DCCD;
+$color-brand1-1: #DEE8FF;
+
 // ------------------------ icon ------------------------ //
 
 $icon-content-QQ: "\e951";
@@ -651,75 +720,6 @@ $icon-xs: 12px;
 $icon-xxs: 8px;
 $icon-font-name: "icon";
 
-// ------------------------ color ------------------------ //
-
-$color-text1-6: rgba(0,12,23,1);
-$color-other-7: rgba(0,21,41,1);
-$color-other-8: rgba(0,12,23,1);
-$color-other-9: #FFFFFF;
-$color-other-10: #FFFFFF;
-$color-text1-5: rgba(255,255,255,0.65);
-$color-line1-5: rgba(220,220,220,1);
-$color-other-6: rgba(230,247,255,1);
-$color-other-5: rgba(250,250,250,1);
-$color-other-4: rgba(241,241,241,1);
-$color-text1-4: rgba(0,0,0,0.85);
-$color-text1-3: rgba(0,0,0,0.75);
-$color-text1-1: rgba(0,0,0,0.4);
-$color-fill1-2: rgba(248,249,251,1);
-$color-fill1-1: rgba(245,245,245,1);
-$color-line1-3: rgba(202,202,202,1);
-$color-line1-2: rgba(240,240,240,1);
-$color-line1-1: rgba(217,217,217,1);
-$color-other-3: rgba(0,0,0,0.75);
-$color-other-2: rgba(217,54,62,1);
-$color-other-1: rgba(9,109,217,1);
-$color-link-3: rgba(64,169,255,1);
-$color-link-2: rgba(37,125,249,1);
-$color-link-1: rgba(37,125,249,1);
-$color-error-4: rgba(255,120,117,1);
-$color-error-3: rgba(255,77,79,1);
-$color-warning-3: rgba(250,173,20,1);
-$color-notice-3: rgba(37,125,249,1);
-$color-success-3: rgba(82,196,26,1);
-$color-brand1-9: rgba(64,169,255,1);
-$color-brand1-6: rgba(37,125,249,1);
-$color-text1-2: #999999;
-$color-fill1-4: #E2E4E8;
-$color-fill1-3: #EBECF0;
-$color-line1-4: #A0A2AD;
-$color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);
-$color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);
-$color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);
-$color-gradient-1: linear-gradient(270deg, rgb(121, 232, 199) 0%, rgb(8, 194, 158) 100%);
-$color-help-4: #01A79A;
-$color-help-3: #01C1B2;
-$color-help-2: #C0ECE2;
-$color-help-1: #E3FFF8;
-$color-error-2: #FFC8B2;
-$color-error-1: #FFECE4;
-$color-warning-4: #EB7E10;
-$color-warning-2: #FFE6BD;
-$color-warning-1: #FFF3E0;
-$color-notice-4: #2E7DE0;
-$color-notice-2: #BAD9FF;
-$color-notice-1: #E3F2FD;
-$color-success-4: #41A716;
-$color-success-2: #CDF2BE;
-$color-success-1: #E4FDDA;
-$color-transparent: transparent;
-$color-black: #000000;
-$color-white: #FFFFFF;
-$color-data1-8: #18B1F7;
-$color-data1-7: #4DDE6D;
-$color-data1-6: #FFD74D;
-$color-data1-5: #FF934D;
-$color-data1-4: #FF445F;
-$color-data1-3: #AE66FC;
-$color-data1-2: #506FED;
-$color-data1-1: #00DCCD;
-$color-brand1-1: #DEE8FF;
-
 // ------------------------ font ------------------------ //
 
 $font-name-bold: "";
@@ -779,7 +779,7 @@ $form-element-medium-preview-height: 28px;
 $form-element-small-preview-height: 20px;
 $form-element-medium-height: 32px;
 $form-element-small-height: 24px;
-$form-element-preview-text-color: rgba(0, 0, 0, 0.85);
+$form-element-preview-text-color: #2e3038;
 $form-element-preview-label-color: rgba(0, 0, 0, 0.75);
 $form-element-large-corner: 6px;
 $form-element-medium-corner: 6px;
@@ -931,7 +931,7 @@ $checkbox-checked-border-color: transparent;
 $checkbox-disabled-border-color: #d9d9d9;
 $checkbox-checked-hovered-border-color: transparent;
 $checkbox-checked-circle-color: #FFFFFF;
-$checkbox-label-color: rgba(0, 0, 0, 0.85);
+$checkbox-label-color: #2e3038;
 $checkbox-disabled-label-color: rgba(0, 0, 0, 0.4);
 $checkbox-disabled-circle-color: rgba(0, 0, 0, 0.4);
 $checkbox-checked-hovered-circle-color: #FFFFFF;
@@ -968,7 +968,7 @@ $timeline-item-time-font-size: 14px;
 $timeline-item-folder-font-size: 14px;
 $timeline-item-folder-margin-top: 4px;
 $timeline-item-folder-margin-bottom: 4px;
-$timeline-item-title-color: rgba(0, 0, 0, 0.85);
+$timeline-item-title-color: #2e3038;
 $timeline-item-body-color: rgba(0, 0, 0, 0.75);
 $timeline-item-left-body-color: #999999;
 $timeline-item-time-color: #999999;
@@ -996,8 +996,8 @@ $cascader-menu-icon-expand-size: 8px;
 $cascader-menu-border-color: #f0f0f0;
 $cascader-menu-border-radius: 6px;
 $cascader-menu-icon-expand-color: rgba(0, 0, 0, 0.75);
-$cascader-menu-icon-hover-expand-color: rgba(0, 0, 0, 0.85);
-$cascader-menu-item-expanded-color: rgba(0, 0, 0, 0.85);
+$cascader-menu-icon-hover-expand-color: #2e3038;
+$cascader-menu-item-expanded-color: #2e3038;
 $cascader-menu-item-expanded-background-color: #f8f9fb;
 
 // ------------------------ menu-button ------------------------ //
@@ -1008,9 +1008,9 @@ $menu-btn-ghost-dark-disabled-icon-color: rgba(255, 255, 255, 0.4);
 $menu-btn-pure-text-normal-icon-color: #999999;
 $menu-btn-pure-text-primary-icon-color: #FFFFFF;
 $menu-btn-pure-text-secondary-icon-color: #257df9;
-$menu-btn-text-text-normal-icon-color: rgba(0, 0, 0, 0.85);
+$menu-btn-text-text-normal-icon-color: #2e3038;
 $menu-btn-text-text-primary-icon-color: #257df9;
-$menu-btn-ghost-light-icon-color: rgba(0, 0, 0, 0.85);
+$menu-btn-ghost-light-icon-color: #2e3038;
 $menu-btn-ghost-dark-icon-color: #FFFFFF;
 $menu-btn-fold-icon-content: "";
 $menu-btn-unfold-icon-content: $icon-reset;
@@ -1034,14 +1034,14 @@ $range-normal-unselected-color: #cacaca;
 $range-normal-selected-color: #257df9;
 $range-normal-slider-bg-color: #FFFFFF;
 $range-normal-mark-color: #999999;
-$range-normal-mark-selected-color: rgba(0, 0, 0, 0.85);
+$range-normal-mark-selected-color: #2e3038;
 $range-normal-unselected-color-hover: #cacaca;
 $range-normal-selected-color-hover: #257df9;
 $range-normal-slider-bg-color-hover: #FFFFFF;
 $range-size-m-slider-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
 $range-size-m-slider-shadow-hover: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
 $range-normal-mark-color-hover: #999999;
-$range-normal-mark-selected-color-hover: rgba(0, 0, 0, 0.85);
+$range-normal-mark-selected-color-hover: #2e3038;
 $range-normal-slider-border-color-hover: transparent;
 $range-normal-unselected-color-disabled: #cacaca;
 $range-normal-selected-color-disabled: #A0A2AD;
@@ -1112,7 +1112,7 @@ $search-normal-normal-shadow: none;
 $search-normal-normal-btn-bg-color: whitesmoke;
 $search-normal-normal-btn-text-color: rgba(0, 0, 0, 0.75);
 $search-normal-normal-btn-hover-bg-color: #EBECF0;
-$search-normal-normal-btn-hover-text-color: rgba(0, 0, 0, 0.85);
+$search-normal-normal-btn-hover-text-color: #2e3038;
 $search-normal-normal-border-width: 1px;
 $search-normal-normal-btn-text-padding-left: 0px;
 $search-normal-normal-l-height: 60px;
@@ -1184,7 +1184,7 @@ $tree-switch-icon-size: 8px;
 $tree-switch-border-width: 1px;
 $tree-switch-margint-right: 8px;
 $tree-line-width: 1px;
-$tree-node-normal-color: rgba(0, 0, 0, 0.85);
+$tree-node-normal-color: #2e3038;
 $tree-node-normal-background: #FFFFFF;
 $tree-node-title-border-radius: 6px;
 $tree-switch-arrow-color: #999999;
@@ -1196,13 +1196,13 @@ $tree-switch-border-color: #cacaca;
 $tree-switch-corner: 6px;
 $tree-line-color: #cacaca;
 $tree-line-style: solid;
-$tree-node-hover-color: rgba(0, 0, 0, 0.85);
+$tree-node-hover-color: #2e3038;
 $tree-node-hover-bg-color: #f8f9fb;
-$tree-switch-hover-arrow-color: rgba(0, 0, 0, 0.85);
-$tree-switch-hover-icon-color: rgba(0, 0, 0, 0.85);
+$tree-switch-hover-arrow-color: #2e3038;
+$tree-switch-hover-icon-color: #2e3038;
 $tree-switch-hover-bg-color: #f8f9fb;
 $tree-switch-hover-border-color: #A0A2AD;
-$tree-node-selected-color: rgba(0, 0, 0, 0.85);
+$tree-node-selected-color: #2e3038;
 $tree-node-selected-background: #DEE8FF;
 $tree-node-disabled-color: rgba(0, 0, 0, 0.4);
 $tree-node-disabled-background: #FFFFFF;
@@ -1240,7 +1240,7 @@ $card-border-style: solid;
 $card-border-color: #f0f0f0;
 $card-background: #FFFFFF;
 $card-header-background: #FFFFFF;
-$card-title-color: rgba(0, 0, 0, 0.85);
+$card-title-color: #2e3038;
 $card-sub-title-color: rgba(0, 0, 0, 0.75);
 $card-title-extra-color: #257df9;
 $card-title-bullet-color: #257df9;
@@ -1251,7 +1251,7 @@ $card-more-btn-background: #FFFFFF;
 
 // ------------------------ paragraph ------------------------ //
 
-$paragraph-text-color: rgba(0, 0, 0, 0.85);
+$paragraph-text-color: #2e3038;
 $paragraph-s-font-size: 14px;
 $paragraph-m-font-size: 16px;
 $paragraph-s-line-height: 1.5;
@@ -1303,12 +1303,12 @@ $switch-rtl-on-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
 
 // ------------------------ typography ------------------------ //
 
-$typography-text-color: rgba(0, 0, 0, 0.85);
+$typography-text-color: #2e3038;
 $typography-text-strong-font-weight: 600;
 $typography-text-code-corner: 6px;
-$typography-text-mark-color: rgba(0, 0, 0, 0.85);
+$typography-text-mark-color: #2e3038;
 $typography-text-mark-background: #FFE6BD;
-$typography-text-code-color: rgba(0, 0, 0, 0.85);
+$typography-text-code-color: #2e3038;
 $typography-text-code-background: #f8f9fb;
 $typography-text-code-border-color: #d9d9d9;
 $typography-paragraph-font-size: 16px;
@@ -1347,9 +1347,8 @@ $btn-pure-border-color-disabled: #d9d9d9;
 $btn-pure-normal-color-disabled: rgba(0, 0, 0, 0.4);
 $btn-pure-normal-bg-disabled: whitesmoke;
 $btn-pure-normal-border-color-disabled: #d9d9d9;
-$btn-pure-normal-color: rgba(0, 0, 0, 0.85);
+$btn-pure-normal-color: #2e3038;
 $btn-pure-normal-bg: #FFFFFF;
-$btn-pure-normal-border-color: #cacaca;
 $btn-pure-normal-border-style: solid;
 $btn-pure-secondary-color-disabled: rgba(0, 0, 0, 0.4);
 $btn-pure-secondary-bg-disabled: whitesmoke;
@@ -1380,12 +1379,12 @@ $btn-ghost-dark-color-disabled-opacity: .4;
 $btn-ghost-dark-bg-disabled: transparent;
 $btn-ghost-dark-border-color-disabled-rgb: #FFFFFF;
 $btn-ghost-dark-border-color-disabled-opacity: .4;
-$btn-ghost-light-color: rgba(0, 0, 0, 0.85);
-$btn-ghost-light-border-color: rgba(0, 0, 0, 0.85);
+$btn-ghost-light-color: #2e3038;
+$btn-ghost-light-border-color: #2e3038;
 $btn-ghost-light-bg: transparent;
 $btn-ghost-light-bg-opacity: 0;
 $btn-ghost-light-color-hover: #999999;
-$btn-ghost-light-border-color-hover: rgba(0, 0, 0, 0.85);
+$btn-ghost-light-border-color-hover: #2e3038;
 $btn-ghost-light-bg-hover-rgb: #000000;
 $btn-ghost-light-bg-hover-opacity: .92;
 $btn-ghost-light-color-disabled-rgb: #000000;
@@ -1413,10 +1412,10 @@ $btn-warning-normal-bg-disabled: whitesmoke;
 $btn-text-primary-color: #257df9;
 $btn-text-primary-color-hover: #40a9ff;
 $btn-text-disabled-color: rgba(0, 0, 0, 0.4);
-$btn-text-loading-color: rgba(0, 0, 0, 0.85);
+$btn-text-loading-color: #2e3038;
 $btn-text-secondary-color: rgba(0, 0, 0, 0.75);
 $btn-text-secondary-color-hover: #257df9;
-$btn-text-normal-color: rgba(0, 0, 0, 0.85);
+$btn-text-normal-color: #2e3038;
 $btn-text-normal-color-hover: #257df9;
 $btn-text-size-s-height: 16px;
 $btn-text-size-s-font: 14px;
@@ -1432,12 +1431,7 @@ $btn-text-icon-size-l: 24px;
 $btn-text-icon-l-margin: 4px;
 $btn-size-s-height: 28px;
 $btn-size-s-padding: 8px;
-$btn-size-s-corner: 8px;
 $btn-size-m-height: 32px;
-$btn-size-m-padding: 16px;
-$btn-size-m-corner: 8px;
-$btn-size-l-padding: 16px;
-$btn-size-l-corner: 8px;
 $btn-pure-normal-color-hover: #257df9;
 $btn-pure-normal-color-active: #096dd9;
 $btn-pure-normal-bg-hover: #FFFFFF;
@@ -1463,10 +1457,15 @@ $btn-warning-normal-border-color-hover: #ff7875;
 $btn-warning-normal-border-color-active: #d9363e;
 $btn-warning-normal-bg-hover: #FFFFFF;
 $btn-warning-normal-bg-active: #FFFFFF;
+$btn-pure-normal-border-color: #f0f0f0;
+$btn-size-l-corner: 6px;
+$btn-size-s-corner: 6px;
+$btn-size-m-padding: 12px;
+$btn-size-m-corner: 6px;
+$btn-size-l-padding: 16px;
 
 // ------------------------ tag ------------------------ //
 
-$tag-size-s-height: 20px;
 $tag-size-l-spacing: 16px;
 $tag-size-m-spacing: 12px;
 $tag-size-s-spacing: 8px;
@@ -1487,7 +1486,7 @@ $tag-size-s-tick-icon-size: 8px;
 $tag-size-l-tick-icon-bg-size: 36px;
 $tag-size-m-tick-icon-bg-size: 28px;
 $tag-size-s-tick-icon-bg-size: 20px;
-$tag-normal-text-color: rgba(0, 0, 0, 0.85);
+$tag-normal-text-color: #2e3038;
 $tag-closable-normal-icon-color: #FFFFFF;
 $tag-closable-normal-icon-color-hover: #FFFFFF;
 $tag-closable-normal-icon-color-disabled: #FFFFFF;
@@ -1497,11 +1496,11 @@ $tag-closable-normal-bg-disabled: #d9d9d9;
 $tag-closable-bordered-text-color: rgba(0, 0, 0, 0.75);
 $tag-closable-bordered-border-color: #cacaca;
 $tag-closable-bordered-bg: transparent;
-$tag-closable-bordered-text-color-hover: rgba(0, 0, 0, 0.85);
+$tag-closable-bordered-text-color-hover: #2e3038;
 $tag-closable-bordered-border-color-hover: #A0A2AD;
 $tag-closable-bordered-bg-hover: transparent;
 $tag-closable-bordered-tail-color: rgba(0, 0, 0, 0.75);
-$tag-closable-bordered-tail-color-hover: rgba(0, 0, 0, 0.85);
+$tag-closable-bordered-tail-color-hover: #2e3038;
 $tag-closable-bordered-tail-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-closable-bordered-border-color-disabled: #d9d9d9;
 $tag-closable-bordered-text-color-disabled: rgba(0, 0, 0, 0.4);
@@ -1514,9 +1513,9 @@ $tag-fill-tail-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-bordered-tail-color: rgba(0, 0, 0, 0.75);
 $tag-secondary-text-color: #257df9;
 $tag-normal-text-color-hover: #257df9;
-$tag-fill-tail-color-hover: rgba(0, 0, 0, 0.85);
-$tag-bordered-text-color-hover: rgba(0, 0, 0, 0.85);
-$tag-bordered-tail-color-hover: rgba(0, 0, 0, 0.85);
+$tag-fill-tail-color-hover: #2e3038;
+$tag-bordered-text-color-hover: #2e3038;
+$tag-bordered-tail-color-hover: #2e3038;
 $tag-bordered-tail-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-bordered-text-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-bordered-border-color-disabled: #d9d9d9;
@@ -1536,11 +1535,11 @@ $tag-border-color-disabled: #d9d9d9;
 $tag-checkable-fill-text-color: rgba(0, 0, 0, 0.75);
 $tag-checkable-fill-bg-color: #EBECF0;
 $tag-checkable-fill-border-color: #EBECF0;
-$tag-checkable-fill-text-color-hover: rgba(0, 0, 0, 0.85);
+$tag-checkable-fill-text-color-hover: #2e3038;
 $tag-checkable-fill-bg-color-hover: #E2E4E8;
 $tag-checkable-fill-border-color-hover: #E2E4E8;
 $tag-checkable-fill-tail-color: rgba(0, 0, 0, 0.75);
-$tag-checkable-fill-tail-color-hover: rgba(0, 0, 0, 0.85);
+$tag-checkable-fill-tail-color-hover: #2e3038;
 $tag-checkable-fill-tail-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-checkable-fill-text-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-checkable-fill-border-color-disabled: whitesmoke;
@@ -1548,7 +1547,7 @@ $tag-checkable-fill-bg-color-disabled: whitesmoke;
 $tag-checkable-normal-text-color: rgba(0, 0, 0, 0.75);
 $tag-checkable-normal-border-color: #cacaca;
 $tag-checkable-normal-bg: transparent;
-$tag-checkable-normal-text-color-hover: rgba(0, 0, 0, 0.85);
+$tag-checkable-normal-text-color-hover: #2e3038;
 $tag-checkable-normal-border-color-hover: #cacaca;
 $tag-checkable-normal-bg-hover: transparent;
 $tag-checkable-normal-text-selected-disabled: rgba(0, 0, 0, 0.4);
@@ -1576,14 +1575,12 @@ $tag-checkable-secondary-icon-color-selected-disabled: #FFFFFF;
 $tag-closable-primary-fill-text-color: rgba(0, 0, 0, 0.75);
 $tag-closable-primary-fill-border-color: #EBECF0;
 $tag-closable-primary-fill-bg-color: #EBECF0;
-$tag-closable-primary-fill-text-color-hover: rgba(0, 0, 0, 0.85);
+$tag-closable-primary-fill-text-color-hover: #2e3038;
 $tag-closable-primary-fill-border-color-hover: #E2E4E8;
 $tag-closable-primary-fill-bg-color-hover: #E2E4E8;
 $tag-closable-primary-fill-text-color-disabled: rgba(0, 0, 0, 0.4);
 $tag-closable-primary-fill-border-color-disabled: whitesmoke;
 $tag-closable-primary-fill-bg-color-disabled: whitesmoke;
-$tag-size-l-height: 20px;
-$tag-size-m-height: 20px;
 $tag-size-l-padding-lr: 8px;
 $tag-size-m-padding-lr: 8px;
 $tag-size-l-text-size: 14px;
@@ -1592,7 +1589,7 @@ $tag-size-l-icon-font: 8px;
 $tag-fill-text-color: #257df9;
 $tag-fill-border-color: #40a9ff;
 $tag-fill-border-color-hover: #40a9ff;
-$tag-bordered-text-color: rgba(0, 0, 0, 0.85);
+$tag-bordered-text-color: #2e3038;
 $tag-fill-text-color-hover: #257df9;
 $tag-bordered-border-color: #d9d9d9;
 $tag-bordered-border-color-hover: #d9d9d9;
@@ -1600,10 +1597,13 @@ $tag-fill-bg-color: #DEE8FF;
 $tag-bordered-bg: #f8f9fb;
 $tag-fill-bg-color-hover: #DEE8FF;
 $tag-bordered-bg-hover: #f8f9fb;
+$tag-size-l-height: 28px;
+$tag-size-m-height: 28px;
+$tag-size-s-height: 28px;
 
 // ------------------------ input ------------------------ //
 
-$input-text-color: rgba(0, 0, 0, 0.85);
+$input-text-color: #2e3038;
 $input-label-color: rgba(0, 0, 0, 0.75);
 $input-hover-border-color: #A0A2AD;
 $input-hover-bg-color: #FFFFFF;
@@ -1638,7 +1638,7 @@ $input-feedback-success-color: #52c41a;
 $input-feedback-success-icon: "";
 $input-feedback-loading-color: #257df9;
 $input-feedback-loading-icon: "";
-$input-feedback-error-color: rgba(0, 0, 0, 0.85);
+$input-feedback-error-color: #2e3038;
 $input-feedback-error-border-color: #ff4d4f;
 $input-feedback-error-bg-color: #FFFFFF;
 $input-maxlen-error-color: #ff4d4f;
@@ -1689,8 +1689,6 @@ $table-tree-expanded-icon-size: 12px;
 $table-header-padding-top: 12px;
 $table-header-padding-left: 16px;
 $table-header-icon-margin-left: 8px;
-$table-header-corner-top: 0px;
-$table-header-corner-bottom: 0px;
 $table-size-s-cell-padding-top: 8px;
 $table-size-s-cell-padding-left: 8px;
 $table-size-s-header-padding-top: 8px;
@@ -1702,17 +1700,17 @@ $table-group-footer-corner-top: 0px;
 $table-group-footer-corner-bottom: 0px;
 $table-normal-border-color: #f0f0f0;
 $table-normal-border-style: solid;
-$table-th-color: rgba(0, 0, 0, 0.85);
-$table-sort-color: rgba(0, 0, 0, 0.85);
-$table-group-th-color: rgba(0, 0, 0, 0.85);
+$table-th-color: #2e3038;
+$table-sort-color: #2e3038;
+$table-group-th-color: #2e3038;
 $table-row-bg: #FFFFFF;
-$table-row-color: rgba(0, 0, 0, 0.85);
+$table-row-color: #2e3038;
 $table-td-gray: whitesmoke;
 $table-td-normal: #FFFFFF;
 $table-empty-color: #A0A2AD;
-$table-group-footer-color: rgba(0, 0, 0, 0.85);
-$table-row-hover-color: rgba(0, 0, 0, 0.85);
-$table-row-selected-color: rgba(0, 0, 0, 0.85);
+$table-group-footer-color: #2e3038;
+$table-row-hover-color: #2e3038;
+$table-row-selected-color: #2e3038;
 $table-sort-color-current: #257df9;
 $table-expanded-ctrl-disabled-color: #999999;
 $table-tree-fold-icon-content: "";
@@ -1729,6 +1727,8 @@ $table-group-th-bg: #fafafa;
 $table-group-footer-bg: #fafafa;
 $table-row-hover-bg: #fafafa;
 $table-row-selected-bg: #e6f7ff;
+$table-header-corner-top: 6px;
+$table-header-corner-bottom: 6px;
 
 // ------------------------ upload ------------------------ //
 
@@ -1745,7 +1745,7 @@ $upload-text-list-bg-color-error: #FFECE4;
 $upload-text-list-error-text-color: #ff4d4f;
 $upload-text-list-close-icon-color: #999999;
 $upload-text-list-close-icon-color-hover: rgba(0, 0, 0, 0.75);
-$upload-text-list-name-font-color: rgba(0, 0, 0, 0.85);
+$upload-text-list-name-font-color: #2e3038;
 $upload-text-list-name-font-color-hover: #257df9;
 $upload-text-list-size-font-color: #999999;
 $upload-text-list-size-font-color-hover: #257df9;
@@ -1857,15 +1857,15 @@ $balloon-border-style: solid;
 $balloon-corner: 6px;
 $balloon-normal-color-bg: #FFFFFF;
 $balloon-normal-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
-$balloon-normal-color: rgba(0, 0, 0, 0.85);
+$balloon-normal-color: #2e3038;
 $balloon-normal-color-close: #999999;
 $balloon-normal-color-close-hover: rgba(0, 0, 0, 0.75);
 $balloon-primary-color-bg: #E3F2FD;
 $balloon-primary-color-border: #257df9;
 $balloon-primary-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
-$balloon-primary-color: rgba(0, 0, 0, 0.85);
+$balloon-primary-color: #2e3038;
 $balloon-primary-color-close: #999999;
-$balloon-primary-color-close-hover: rgba(0, 0, 0, 0.85);
+$balloon-primary-color-close-hover: #2e3038;
 $balloon-tooltip-shadow: none;
 $balloon-tooltip-border-style: solid;
 $balloon-tooltip-border-width: 0px;
@@ -1883,7 +1883,7 @@ $select-l-lineheight: 24px;
 $select-m-lineheight: 20px;
 $select-s-lineheight: 14px;
 $select-unfold-icon-content: $icon-reset;
-$select-color: rgba(0, 0, 0, 0.85);
+$select-color: #2e3038;
 $select-fold-icon-content: "";
 
 // ------------------------ drawer ------------------------ //
@@ -1906,12 +1906,12 @@ $drawer-border-color: #f0f0f0;
 $drawer-border-style: solid;
 $drawer-corner: 6px;
 $drawer-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
-$drawer-title-color: rgba(0, 0, 0, 0.85);
+$drawer-title-color: #2e3038;
 $drawer-title-bg-color: #FFFFFF;
 $drawer-title-border-color: #f0f0f0;
 $drawer-content-color: rgba(0, 0, 0, 0.75);
 $drawer-close-color: #999999;
-$drawer-close-color-hovered: rgba(0, 0, 0, 0.85);
+$drawer-close-color-hovered: #2e3038;
 $drawer-close-bg-hovered: transparent;
 
 // ------------------------ message ------------------------ //
@@ -1946,9 +1946,9 @@ $message-success-color-bg-addon: transparent;
 $message-success-color-bg-toast: #FFFFFF;
 $message-success-color-border-inline: #E4FDDA;
 $message-success-color-border-toast: #FFFFFF;
-$message-success-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-success-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-success-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-success-color-title-inline: #2e3038;
+$message-success-color-title-addon: #2e3038;
+$message-success-color-title-toast: #2e3038;
 $message-success-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-success-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-success-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -1960,9 +1960,9 @@ $message-error-color-bg-addon: transparent;
 $message-error-color-bg-toast: #FFFFFF;
 $message-error-color-border-inline: #FFECE4;
 $message-error-color-border-toast: #FFFFFF;
-$message-error-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-error-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-error-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-error-color-title-inline: #2e3038;
+$message-error-color-title-addon: #2e3038;
+$message-error-color-title-toast: #2e3038;
 $message-error-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-error-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-error-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -1974,9 +1974,9 @@ $message-warning-color-bg-addon: transparent;
 $message-warning-color-bg-toast: #FFFFFF;
 $message-warning-color-border-inline: #FFF3E0;
 $message-warning-color-border-toast: #FFFFFF;
-$message-warning-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-warning-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-warning-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-warning-color-title-inline: #2e3038;
+$message-warning-color-title-addon: #2e3038;
+$message-warning-color-title-toast: #2e3038;
 $message-warning-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-warning-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-warning-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -1988,9 +1988,9 @@ $message-notice-color-bg-addon: transparent;
 $message-notice-color-bg-toast: #FFFFFF;
 $message-notice-color-border-inline: #E3F2FD;
 $message-notice-color-border-toast: #FFFFFF;
-$message-notice-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-notice-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-notice-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-notice-color-title-inline: #2e3038;
+$message-notice-color-title-addon: #2e3038;
+$message-notice-color-title-toast: #2e3038;
 $message-notice-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-notice-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-notice-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -2000,9 +2000,9 @@ $message-notice-color-icon-toast: #257df9;
 $message-help-color-bg-addon: transparent;
 $message-help-color-bg-toast: #FFFFFF;
 $message-help-color-border-toast: #FFFFFF;
-$message-help-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-help-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-help-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-help-color-title-inline: #2e3038;
+$message-help-color-title-addon: #2e3038;
+$message-help-color-title-toast: #2e3038;
 $message-help-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-help-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-help-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -2011,9 +2011,9 @@ $message-loading-color-bg-addon: transparent;
 $message-loading-color-bg-toast: #FFFFFF;
 $message-loading-color-border-inline: #FFFFFF;
 $message-loading-color-border-toast: #FFFFFF;
-$message-loading-color-title-inline: rgba(0, 0, 0, 0.85);
-$message-loading-color-title-addon: rgba(0, 0, 0, 0.85);
-$message-loading-color-title-toast: rgba(0, 0, 0, 0.85);
+$message-loading-color-title-inline: #2e3038;
+$message-loading-color-title-addon: #2e3038;
+$message-loading-color-title-toast: #2e3038;
 $message-loading-color-content-inline: rgba(0, 0, 0, 0.75);
 $message-loading-color-content-addon: rgba(0, 0, 0, 0.75);
 $message-loading-color-content-toast: rgba(0, 0, 0, 0.75);
@@ -2057,7 +2057,7 @@ $dialog-close-top: 12px;
 $dialog-bg: #FFFFFF;
 $dialog-border-color: #f0f0f0;
 $dialog-border-style: solid;
-$dialog-title-color: rgba(0, 0, 0, 0.85);
+$dialog-title-color: #2e3038;
 $dialog-content-color: rgba(0, 0, 0, 0.75);
 $dialog-footer-bg-color: transparent;
 $dialog-close-bg-hovered: transparent;
@@ -2070,13 +2070,13 @@ $dialog-footer-button-spacing: 16px;
 $dialog-close-right: 16px;
 $dialog-close-width: 16px;
 $dialog-close-size: 12px;
-$dialog-corner: 16px;
 $dialog-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
 $dialog-title-bg-color: #FFFFFF;
 $dialog-title-border-color: #f0f0f0;
 $dialog-footer-border-color: #f0f0f0;
 $dialog-close-color: #cacaca;
 $dialog-close-color-hovered: #000000;
+$dialog-corner: 16px;
 
 // ------------------------ number-picker ------------------------ //
 
@@ -2118,7 +2118,7 @@ $progress-line-underlay-border-color: #f0f0f0;
 $progress-line-radius-l: 16px;
 $progress-line-radius-m: 16px;
 $progress-line-radius-s: 16px;
-$progress-line-font-color: rgba(0, 0, 0, 0.85);
+$progress-line-font-color: #2e3038;
 $progress-line-normal-color: #257df9;
 $progress-line-error-color: #ff4d4f;
 $progress-line-success-color: #52c41a;
@@ -2134,7 +2134,7 @@ $progress-circle-font-l: 36px;
 $progress-circle-font-m: 24px;
 $progress-circle-font-s: 20px;
 $progress-circle-underlay-color: #EBECF0;
-$progress-circle-text-color: rgba(0, 0, 0, 0.85);
+$progress-circle-text-color: #2e3038;
 $progress-circle-corner: round;
 $progress-circle-normal-color: #257df9;
 $progress-circle-error-color: #ff4d4f;
@@ -2211,8 +2211,8 @@ $shell-light-tooldock-divider-style: solid;
 $shell-light-tooldock-divider-color: #d9d9d9;
 $shell-light-tooldock-item-paddingTop: 8px;
 $shell-light-tooldock-item-color: rgba(0, 0, 0, 0.75);
-$shell-light-tooldock-item-color-hover: rgba(0, 0, 0, 0.85);
-$shell-light-tooldock-item-color-active: rgba(0, 0, 0, 0.85);
+$shell-light-tooldock-item-color-hover: #2e3038;
+$shell-light-tooldock-item-color-active: #2e3038;
 $shell-light-tooldock-item-background: transparent;
 $shell-light-tooldock-item-background-hover: #EBECF0;
 $shell-light-tooldock-item-background-active: #EBECF0;
@@ -2280,8 +2280,8 @@ $shell-dark-tooldock-divider-style: solid;
 $shell-dark-tooldock-divider-color: #d9d9d9;
 $shell-dark-tooldock-item-paddingTop: 8px;
 $shell-dark-tooldock-item-color: rgba(0, 0, 0, 0.75);
-$shell-dark-tooldock-item-color-hover: rgba(0, 0, 0, 0.85);
-$shell-dark-tooldock-item-color-active: rgba(0, 0, 0, 0.85);
+$shell-dark-tooldock-item-color-hover: #2e3038;
+$shell-dark-tooldock-item-color-active: #2e3038;
 $shell-dark-tooldock-item-background: transparent;
 $shell-dark-tooldock-item-background-hover: #EBECF0;
 $shell-dark-tooldock-item-background-active: #EBECF0;
@@ -2351,8 +2351,8 @@ $shell-brand-tooldock-divider-style: solid;
 $shell-brand-tooldock-divider-color: #d9d9d9;
 $shell-brand-tooldock-item-paddingTop: 8px;
 $shell-brand-tooldock-item-color: rgba(0, 0, 0, 0.75);
-$shell-brand-tooldock-item-color-hover: rgba(0, 0, 0, 0.85);
-$shell-brand-tooldock-item-color-active: rgba(0, 0, 0, 0.85);
+$shell-brand-tooldock-item-color-hover: #2e3038;
+$shell-brand-tooldock-item-color-active: #2e3038;
 $shell-brand-tooldock-item-background: transparent;
 $shell-brand-tooldock-item-background-hover: #EBECF0;
 $shell-brand-tooldock-item-background-active: #EBECF0;
@@ -2369,7 +2369,7 @@ $divider-hoz-text-marginTop: 16px;
 $divider-hoz-marginTop: 16px;
 $divider-hoz-text-size: 18px;
 $divider-hoz-text-weight: normal;
-$divider-hoz-text-color: rgba(0, 0, 0, 0.85);
+$divider-hoz-text-color: #2e3038;
 $divider-ver-size: 1px;
 $divider-ver-color: #f0f0f0;
 $divider-ver-marginLeft: 8px;
@@ -2383,16 +2383,16 @@ $collapse-title-border-width: 1px;
 $collapse-title-height: 20px;
 $collapse-title-bg-color: #f8f9fb;
 $collapse-title-disabled-bg-color: #f8f9fb;
-$collapse-title-font-color: rgba(0, 0, 0, 0.85);
+$collapse-title-font-color: #2e3038;
 $collapse-title-font-disabled-color: rgba(0, 0, 0, 0.4);
-$collapse-title-hover-font-color: rgba(0, 0, 0, 0.85);
+$collapse-title-hover-font-color: #2e3038;
 $collapse-title-font-size: 16px;
 $collapse-title-font-weight: normal;
 $collapse-title-hover-font-weight: normal;
 $collapse-title-padding-tb: 8px;
 $collapse-icon-size: 8px;
-$collapse-icon-color: rgba(0, 0, 0, 0.85);
-$collapse-icon-hover-color: rgba(0, 0, 0, 0.85);
+$collapse-icon-color: #2e3038;
+$collapse-icon-hover-color: #2e3038;
 $collapse-icon-margin-r: 8px;
 $collapse-icon-margin-l: 12px;
 $collapse-content-bg-color: #FFFFFF;
@@ -2444,22 +2444,20 @@ $pagination-small-jump-font-size: 14px;
 $pagination-small-size-selector-number-padding: 8px;
 $pagination-ellipsis-color: #999999;
 $pagination-current-color: #257df9;
-$pagination-total-color: rgba(0, 0, 0, 0.85);
-$pagination-jump-color: #999999;
+$pagination-total-color: #2e3038;
 $pagination-size-selector-title-color: #999999;
 $pagination-size-selector-filter-color: rgba(0, 0, 0, 0.75);
 $pagination-size-selector-filter-current-color: #257df9;
 $pagination-item-shadow: none;
-$pagination-item-color: rgba(0, 0, 0, 0.85);
+$pagination-item-color: #2e3038;
 $pagination-item-current-border-color: #257df9;
 $pagination-item-current-shadow: none;
 $pagination-item-current-color: #FFFFFF;
 $pagination-item-current-bg: #257df9;
 $pagination-item-hover-border-color: #A0A2AD;
 $pagination-item-hover-shadow: none;
-$pagination-item-hover-color: rgba(0, 0, 0, 0.85);
+$pagination-item-hover-color: #2e3038;
 $pagination-item-hover-bg: #f8f9fb;
-$pagination-arrow-color: rgba(0, 0, 0, 0.75);
 $pagination-icon-prev-content: "";
 $pagination-icon-next-content: "";
 $pagination-icon-ellipsis-content: "";
@@ -2467,10 +2465,12 @@ $pagination-item-current-hover-border-color: transparent;
 $pagination-item-current-hover-shadow: none;
 $pagination-item-current-hover-color: #FFFFFF;
 $pagination-item-current-hover-bg: #40a9ff;
-$pagination-arrow-hover-color: rgba(0, 0, 0, 0.85);
+$pagination-arrow-hover-color: #2e3038;
 $pagination-arrow-hover-color-noboder: #257df9;
-$pagination-item-border-color: #f0f0f0;
-$pagination-item-bg: #f8f9fb;
+$pagination-item-bg: #FFFFFF;
+$pagination-jump-color: #2e3038;
+$pagination-item-border-color: gainsboro;
+$pagination-arrow-color: #A0A2AD;
 
 // ------------------------ transfer ------------------------ //
 
@@ -2493,10 +2493,10 @@ $transfer-simple-move-icon-color: #cacaca;
 $transfer-panel-border-color: #f0f0f0;
 $transfer-panel-border-corner: 6px;
 $transfer-panel-background-color: #FFFFFF;
-$transfer-panel-header-text-color: rgba(0, 0, 0, 0.85);
+$transfer-panel-header-text-color: #2e3038;
 $transfer-panel-header-background-color: whitesmoke;
 $transfer-panel-search-icon-color: #999999;
-$transfer-panel-footer-text-color: rgba(0, 0, 0, 0.85);
+$transfer-panel-footer-text-color: #2e3038;
 $transfer-panel-footer-background-color: #FFFFFF;
 $transfer-simple-panel-footer-text-color: #257df9;
 $transfer-simple-panel-item-hover-text-color: #257df9;
@@ -2526,7 +2526,7 @@ $radio-disabled-border-color: #d9d9d9;
 $radio-checked-disabled-border-color: #d9d9d9;
 $radio-disabled-circle-color: rgba(0, 0, 0, 0.4);
 $radio-checked-disabled-circle-color: rgba(0, 0, 0, 0.4);
-$radio-normal-font-color: rgba(0, 0, 0, 0.85);
+$radio-normal-font-color: #2e3038;
 $radio-normal-font-color-disabled: rgba(0, 0, 0, 0.4);
 $radio-button-height-large: 40px;
 $radio-button-height-medium: 28px;
@@ -2550,8 +2550,8 @@ $radio-button-border-color-hovered: #A0A2AD;
 $radio-button-border-color-checked: #257df9;
 $radio-button-border-color-disabled: #d9d9d9;
 $radio-button-border-color-checked-disabled: #d9d9d9;
-$radio-button-font-color: rgba(0, 0, 0, 0.85);
-$radio-button-font-color-hovered: rgba(0, 0, 0, 0.85);
+$radio-button-font-color: #2e3038;
+$radio-button-font-color-hovered: #2e3038;
 $radio-button-font-color-checked: #257df9;
 $radio-button-font-color-disabled: rgba(0, 0, 0, 0.4);
 $radio-button-font-color-checked-disabled: rgba(0, 0, 0, 0.4);
@@ -2577,7 +2577,7 @@ $time-picker-menu-title-color: #999999;
 $time-picker-menu-title-background: #FFFFFF;
 $time-pikcer-menu-title-font-weight: normal;
 $time-picker-menu-item-color: rgba(0, 0, 0, 0.75);
-$time-picker-menu-item-color-hover: rgba(0, 0, 0, 0.85);
+$time-picker-menu-item-color-hover: #2e3038;
 $time-picker-menu-item-color-selected: rgba(0, 0, 0, 0.75);
 $time-picker-menu-item-color-disabled: rgba(0, 0, 0, 0.4);
 $time-picker-menu-item-background: #FFFFFF;
@@ -2628,7 +2628,7 @@ $slick-dots-border-opacity-selected: 1;
 $slick-arrow-icon-color-normal: #FFFFFF;
 $slick-arrow-icon-color-normal-outer: rgba(0, 0, 0, 0.75);
 $slick-arrow-icon-color-hover: #FFFFFF;
-$slick-arrow-icon-color-hover-outer: rgba(0, 0, 0, 0.85);
+$slick-arrow-icon-color-hover-outer: #2e3038;
 $slick-arrow-icon-color-disabled: rgba(0, 0, 0, 0.4);
 $slick-arrow-icon-color-disabled-outer: rgba(0, 0, 0, 0.4);
 $slick-arrow-bg-color-normal: #000000;
@@ -2683,7 +2683,7 @@ $step-circle-item-node-process-font-weight: normal;
 $step-circle-item-node-disabled-font-weight: normal;
 $step-circle-item-node-finish-font-weight: normal;
 $step-circle-item-title-wait-color: rgba(0, 0, 0, 0.75);
-$step-circle-item-title-process-color: rgba(0, 0, 0, 0.85);
+$step-circle-item-title-process-color: #2e3038;
 $step-circle-item-title-finish-color: rgba(0, 0, 0, 0.75);
 $step-circle-item-title-disabled-color: rgba(0, 0, 0, 0.4);
 $step-circle-item-node-wait-border-color: #A0A2AD;
@@ -2726,7 +2726,7 @@ $step-dot-item-tail-process-color: #cacaca;
 $step-dot-item-tail-finish-color: #257df9;
 $step-dot-item-tail-disabled-color: #d9d9d9;
 $step-dot-item-title-wait-color: rgba(0, 0, 0, 0.75);
-$step-dot-item-title-process-color: rgba(0, 0, 0, 0.85);
+$step-dot-item-title-process-color: #2e3038;
 $step-dot-item-title-finish-color: rgba(0, 0, 0, 0.75);
 $step-dot-item-title-disabled-color: rgba(0, 0, 0, 0.4);
 $step-dot-item-node-wait-border-color: #A0A2AD;
@@ -2772,14 +2772,14 @@ $menu-icon-size: 8px;
 $menu-hoz-icon-size: 12px;
 $menu-icon-margin: 4px;
 $menu-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
-$menu-color: rgba(0, 0, 0, 0.85);
+$menu-color: #2e3038;
 $menu-divider-style: solid;
 $menu-divider-color: #d9d9d9;
 $menu-background: #FFFFFF;
 $menu-arrow-color: rgba(0, 0, 0, 0.75);
-$menu-color-selected: rgba(0, 0, 0, 0.85);
-$menu-color-hover: rgba(0, 0, 0, 0.85);
-$menu-arrow-color-hover: rgba(0, 0, 0, 0.85);
+$menu-color-selected: #2e3038;
+$menu-color-hover: #2e3038;
+$menu-arrow-color-hover: #2e3038;
 $menu-arrow-right: 10px;
 $menu-color-disabled: rgba(0, 0, 0, 0.4);
 $menu-select-icon-content: "";
@@ -2859,12 +2859,12 @@ $nav-secondary-item-opened-bg-color: transparent;
 $nav-secondary-item-opened-text-color: #FFFFFF;
 $nav-normal-bg-color: #FFFFFF;
 $nav-normal-border-color: #d9d9d9;
-$nav-normal-text-color: rgba(0, 0, 0, 0.85);
+$nav-normal-text-color: #2e3038;
 $nav-normal-text-style: normal;
 $nav-normal-border-line: 1px;
 $nav-normal-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
 $nav-normal-sub-nav-bg-color: #FFFFFF;
-$nav-normal-sub-nav-text-color: rgba(0, 0, 0, 0.85);
+$nav-normal-sub-nav-text-color: #2e3038;
 $nav-normal-sub-nav-text-style: normal;
 $nav-normal-group-text-color: #999999;
 $nav-normal-group-text-style: normal;
@@ -2889,11 +2889,11 @@ $nav-normal-item-opened-bg-color: transparent;
 $nav-normal-item-opened-text-color: #257df9;
 $nav-line-bg-color: transparent;
 $nav-line-border-color: #f0f0f0;
-$nav-line-text-color: rgba(0, 0, 0, 0.85);
+$nav-line-text-color: #2e3038;
 $nav-line-text-style: normal;
 $nav-line-border-line: 1px;
 $nav-line-sub-nav-bg-color: transparent;
-$nav-line-sub-nav-text-color: rgba(0, 0, 0, 0.85);
+$nav-line-sub-nav-text-color: #2e3038;
 $nav-line-sub-nav-text-style: normal;
 $nav-line-item-hover-bg-color: transparent;
 $nav-line-item-hover-text-color: #257df9;
@@ -2959,7 +2959,7 @@ $list-size-m-item-title-font-size: 18px;
 $list-size-m-item-title-line-height: 1.5;
 $list-size-m-item-title-font-weight: normal;
 $list-divider-color: #f0f0f0;
-$list-title-color: rgba(0, 0, 0, 0.85);
+$list-title-color: #2e3038;
 $list-content-color: rgba(0, 0, 0, 0.75);
 $list-extra-color: #999999;
 
@@ -2983,21 +2983,16 @@ $tab-nav-close-icon-padding-l-size-s: 8px;
 $tab-nav-arrow-left-positon-right: 32px;
 $tab-nav-arrow-right-positon-right: 8px;
 $tab-nav-arrow-down-positon-right: 8px;
-$tab-item-padding-tb-size-m: 12px;
-$tab-item-padding-lr-size-m: 16px;
 $tab-item-text-size-s: 14px;
 $tab-close-icon-color: rgba(0, 0, 0, 0.75);
-$tab-close-icon-color-hover: rgba(0, 0, 0, 0.85);
+$tab-close-icon-color-hover: #2e3038;
 $tab-close-icon-color-selected: #257df9;
 $tab-close-icon-color-disabled: #f0f0f0;
-$tab-item-font-weight-selected: normal;
 $tab-nav-arrow-color-normal: rgba(0, 0, 0, 0.75);
-$tab-nav-arrow-color-hover: rgba(0, 0, 0, 0.85);
+$tab-nav-arrow-color-hover: #2e3038;
 $tab-nav-arrow-color-disabled: #f0f0f0;
-$tab-pure-divider-line-width: 1px;
 $tab-pure-text-color-normal: rgba(0, 0, 0, 0.75);
 $tab-pure-bg-color: transparent;
-$tab-pure-text-color-selected: #257df9;
 $tab-pure-text-color-disabled: #f0f0f0;
 $tab-pure-ink-bar-color: #257df9;
 $tab-pure-divider-border-color: #f0f0f0;
@@ -3023,7 +3018,7 @@ $tab-wrapped-text-color-selected: #257df9;
 $tab-wrapped-text-color-disabled: rgba(0, 0, 0, 0.4);
 $tab-wrapped-bg-color-selected: #FFFFFF;
 $tab-wrapped-bg-color-disabled: whitesmoke;
-$tab-capsule-text-color: rgba(0, 0, 0, 0.85);
+$tab-capsule-text-color: #2e3038;
 $tab-capsule-text-color-disabled: rgba(0, 0, 0, 0.4);
 $tab-capsule-bg-color-disabled: whitesmoke;
 $tab-capsule-tab-border-line-color: #cacaca;
@@ -3043,10 +3038,7 @@ $tab-icon-prev-content: "";
 $tab-icon-next-content: "";
 $tab-item-padding-tb-size-s: 8px;
 $tab-item-padding-lr-size-s: 12px;
-$tab-item-text-size-m: 16px;
 $tab-pure-ink-bar-width: 3px;
-$tab-pure-ink-bar-padding-l: 36px;
-$tab-pure-text-color-hover: #40a9ff;
 $tab-wrapped-text-color-hover: #40a9ff;
 $tab-wrapped-bg-color-hover: #f8f9fb;
 $tab-wrapped-border-line-color-hover: #f0f0f0;
@@ -3057,6 +3049,14 @@ $tab-capsule-bg-color-hover: #FFFFFF;
 $tab-capsule-bg-color-selected: #FFFFFF;
 $tab-capsule-tab-border-line-color-hover: #40a9ff;
 $tab-text-text-color-hover: #40a9ff;
+$tab-item-padding-tb-size-m: 20px;
+$tab-item-padding-lr-size-m: 16px;
+$tab-item-text-size-m: 14px;
+$tab-item-font-weight-selected: 500;
+$tab-pure-divider-line-width: 1px;
+$tab-pure-ink-bar-padding-l: 32px;
+$tab-pure-text-color-hover: #000000;
+$tab-pure-text-color-selected: #000000;
 
 // ------------------------ calendar ------------------------ //
 
@@ -3072,9 +3072,9 @@ $calendar-fullscreen-table-cell-margin-lr: 4px;
 $calendar-fullscreen-table-cell-padding-tb: 4px;
 $calendar-fullscreen-table-cell-padding-lr: 8px;
 $calendar-fullscreen-table-cell-min-height: 80px;
-$calendar-fullscreen-table-head-color: rgba(0, 0, 0, 0.85);
+$calendar-fullscreen-table-head-color: #2e3038;
 $calendar-fullscreen-table-cell-normal-background: #FFFFFF;
-$calendar-fullscreen-table-cell-normal-color: rgba(0, 0, 0, 0.85);
+$calendar-fullscreen-table-cell-normal-color: #2e3038;
 $calendar-fullscreen-table-cell-normal-border-color: #f0f0f0;
 $calendar-fullscreen-table-cell-hover-background: #DEE8FF;
 $calendar-fullscreen-table-cell-hover-color: #257df9;
@@ -3157,7 +3157,7 @@ $breadcrumb-size-ellipsis-font-size: 14px;
 $breadcrumb-size-m-icon-size: 8px;
 $breadcrumb-size-m-icon-margin: 8px;
 $breadcrumb-text-color: rgba(0, 0, 0, 0.75);
-$breadcrumb-text-current-color: rgba(0, 0, 0, 0.85);
+$breadcrumb-text-current-color: #2e3038;
 $breadcrumb-text-current-weight: normal;
 $breadcrumb-text-ellipsis-color: rgba(0, 0, 0, 0.75);
 $breadcrumb-text-keyword-color: #257df9;