@fle-ui/next 1.0.5-alpha.3 → 1.0.5-alpha.4

package/lib/tag/style/index.css

@@ -3,52 +3,52 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 html {
-  --ant-primary-color: #1890ff;
-  --ant-primary-color-hover: #40a9ff;
-  --ant-primary-color-active: #096dd9;
-  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
-  --ant-primary-1: #e6f7ff;
-  --ant-primary-2: #bae7ff;
-  --ant-primary-3: #91d5ff;
-  --ant-primary-4: #69c0ff;
-  --ant-primary-5: #40a9ff;
-  --ant-primary-6: #1890ff;
-  --ant-primary-7: #096dd9;
+  --ant-primary-color: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #cbe6ff;
-  --ant-primary-color-deprecated-l-20: #7ec1ff;
-  --ant-primary-color-deprecated-t-20: #46a6ff;
-  --ant-primary-color-deprecated-t-50: #8cc8ff;
-  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-tag {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -62,7 +62,7 @@ html {
   line-height: 20px;
   white-space: nowrap;
   background: #fafafa;
-  border: 1px solid #d2d2d2;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
   opacity: 1;
   transition: all 0.3s;
@@ -70,7 +70,7 @@ html {
 .ant-tag,
 .ant-tag a,
 .ant-tag a:hover {
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-tag > a:first-child:last-child {
   display: inline-block;
@@ -79,13 +79,13 @@ html {
 }
 .ant-tag-close-icon {
   margin-left: 3px;
-  color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.45);
   font-size: 10px;
   cursor: pointer;
   transition: all 0.3s;
 }
 .ant-tag-close-icon:hover {
-  color: #262626;
+  color: rgba(0, 0, 0, 0.85);
 }
 .ant-tag-has-color {
   border-color: transparent;
@@ -103,7 +103,7 @@ html {
   cursor: pointer;
 }
 .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
-  color: #2c68ff;
+  color: var(--ant-primary-color);
 }
 .ant-tag-checkable:active,
 .ant-tag-checkable-checked {
@@ -139,14 +139,14 @@ html {
   border-color: #eb2f96;
 }
 .ant-tag-red {
-  color: #cf1322;
-  background: #fff1f0;
-  border-color: #ffa39e;
+  color: #cf1b21;
+  background: #fff2f0;
+  border-color: #ffb1a8;
 }
 .ant-tag-red-inverse {
   color: #fff;
-  background: #f5222d;
-  border-color: #f5222d;
+  background: #f42d2d;
+  border-color: #f42d2d;
 }
 .ant-tag-volcano {
   color: #d4380d;
@@ -179,14 +179,14 @@ html {
   border-color: #fadb14;
 }
 .ant-tag-gold {
-  color: #d48806;
+  color: #d98900;
   background: #fffbe6;
-  border-color: #ffe58f;
+  border-color: #ffe07a;
 }
 .ant-tag-gold-inverse {
   color: #fff;
-  background: #faad14;
-  border-color: #faad14;
+  background: #ffab00;
+  border-color: #ffab00;
 }
 .ant-tag-cyan {
   color: #08979c;
@@ -209,24 +209,24 @@ html {
   border-color: #a0d911;
 }
 .ant-tag-green {
-  color: #389e0d;
-  background: #f6ffed;
-  border-color: #b7eb8f;
+  color: #20a116;
+  background: #f4fff0;
+  border-color: #afed9f;
 }
 .ant-tag-green-inverse {
   color: #fff;
-  background: #52c41a;
-  border-color: #52c41a;
+  background: #36c626;
+  border-color: #36c626;
 }
 .ant-tag-blue {
-  color: #096dd9;
-  background: #e6f7ff;
-  border-color: #91d5ff;
+  color: #1a4ad9;
+  background: #f0f7ff;
+  border-color: #a6c8ff;
 }
 .ant-tag-blue-inverse {
   color: #fff;
-  background: #1890ff;
-  border-color: #1890ff;
+  background: #2c68ff;
+  border-color: #2c68ff;
 }
 .ant-tag-geekblue {
   color: #1d39c4;
@@ -249,22 +249,22 @@ html {
   border-color: #722ed1;
 }
 .ant-tag-success {
-  color: #36c626;
+  color: var(--ant-success-color);
   background: var(--ant-success-color-deprecated-bg);
   border-color: var(--ant-success-color-deprecated-border);
 }
 .ant-tag-processing {
-  color: #2c68ff;
+  color: var(--ant-info-color);
   background: var(--ant-info-color-deprecated-bg);
   border-color: var(--ant-info-color-deprecated-border);
 }
 .ant-tag-error {
-  color: #f42d2d;
+  color: var(--ant-error-color);
   background: var(--ant-error-color-deprecated-bg);
   border-color: var(--ant-error-color-deprecated-border);
 }
 .ant-tag-warning {
-  color: #ffab00;
+  color: var(--ant-warning-color);
   background: var(--ant-warning-color-deprecated-bg);
   border-color: var(--ant-warning-color-deprecated-border);
 }

package/lib/time-picker/style/index.css

@@ -3,44 +3,44 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 html {
-  --ant-primary-color: #1890ff;
-  --ant-primary-color-hover: #40a9ff;
-  --ant-primary-color-active: #096dd9;
-  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
-  --ant-primary-1: #e6f7ff;
-  --ant-primary-2: #bae7ff;
-  --ant-primary-3: #91d5ff;
-  --ant-primary-4: #69c0ff;
-  --ant-primary-5: #40a9ff;
-  --ant-primary-6: #1890ff;
-  --ant-primary-7: #096dd9;
+  --ant-primary-color: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #cbe6ff;
-  --ant-primary-color-deprecated-l-20: #7ec1ff;
-  --ant-primary-color-deprecated-t-20: #46a6ff;
-  --ant-primary-color-deprecated-t-50: #8cc8ff;
-  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }

package/lib/timeline/style/index.css

@@ -3,50 +3,50 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 html {
-  --ant-primary-color: #1890ff;
-  --ant-primary-color-hover: #40a9ff;
-  --ant-primary-color-active: #096dd9;
-  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
-  --ant-primary-1: #e6f7ff;
-  --ant-primary-2: #bae7ff;
-  --ant-primary-3: #91d5ff;
-  --ant-primary-4: #69c0ff;
-  --ant-primary-5: #40a9ff;
-  --ant-primary-6: #1890ff;
-  --ant-primary-7: #096dd9;
+  --ant-primary-color: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #cbe6ff;
-  --ant-primary-color-deprecated-l-20: #7ec1ff;
-  --ant-primary-color-deprecated-t-20: #46a6ff;
-  --ant-primary-color-deprecated-t-50: #8cc8ff;
-  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-timeline {
   box-sizing: border-box;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -67,7 +67,7 @@ html {
   top: 10px;
   left: 4px;
   height: calc(100% - 10px);
-  border-left: 2px solid #eeeeee;
+  border-left: 2px solid rgba(0, 0, 0, 0.06);
 }
 .ant-timeline-item-pending .ant-timeline-item-head {
   font-size: 12px;
@@ -85,20 +85,20 @@ html {
   border-radius: 100px;
 }
 .ant-timeline-item-head-blue {
-  color: #2c68ff;
-  border-color: #2c68ff;
+  color: var(--ant-primary-color);
+  border-color: var(--ant-primary-color);
 }
 .ant-timeline-item-head-red {
-  color: #f42d2d;
-  border-color: #f42d2d;
+  color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
 }
 .ant-timeline-item-head-green {
-  color: #36c626;
-  border-color: #36c626;
+  color: var(--ant-success-color);
+  border-color: var(--ant-success-color);
 }
 .ant-timeline-item-head-gray {
-  color: #a9a9a9;
-  border-color: #a9a9a9;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
 }
 .ant-timeline-item-head-custom {
   position: absolute;
@@ -172,7 +172,7 @@ html {
 .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
   display: block;
   height: calc(100% - 14px);
-  border-left: 2px dotted #eeeeee;
+  border-left: 2px dotted rgba(0, 0, 0, 0.06);
 }
 .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
   display: none;
@@ -181,7 +181,7 @@ html {
   top: 15px;
   display: block;
   height: calc(100% - 15px);
-  border-left: 2px dotted #eeeeee;
+  border-left: 2px dotted rgba(0, 0, 0, 0.06);
 }
 .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
   min-height: 48px;
@@ -203,7 +203,7 @@ html {
 .ant-timeline-rtl .ant-timeline-item-tail {
   right: 4px;
   left: auto;
-  border-right: 2px solid #eeeeee;
+  border-right: 2px solid rgba(0, 0, 0, 0.06);
   border-left: none;
 }
 .ant-timeline-rtl .ant-timeline-item-head-custom {
@@ -262,11 +262,11 @@ html {
   text-align: right;
 }
 .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
-  border-right: 2px dotted #eeeeee;
+  border-right: 2px dotted rgba(0, 0, 0, 0.06);
   border-left: none;
 }
 .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
-  border-right: 2px dotted #eeeeee;
+  border-right: 2px dotted rgba(0, 0, 0, 0.06);
   border-left: none;
 }
 .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {

package/lib/tooltip/style/index.css

@@ -3,52 +3,52 @@
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 html {
-  --ant-primary-color: #1890ff;
-  --ant-primary-color-hover: #40a9ff;
-  --ant-primary-color-active: #096dd9;
-  --ant-primary-color-outline: rgba(24, 144, 255, 0.2);
-  --ant-primary-1: #e6f7ff;
-  --ant-primary-2: #bae7ff;
-  --ant-primary-3: #91d5ff;
-  --ant-primary-4: #69c0ff;
-  --ant-primary-5: #40a9ff;
-  --ant-primary-6: #1890ff;
-  --ant-primary-7: #096dd9;
+  --ant-primary-color: #2c68ff;
+  --ant-primary-color-hover: #548aff;
+  --ant-primary-color-active: #1a4ad9;
+  --ant-primary-color-outline: rgba(44, 104, 255, 0.2);
+  --ant-primary-1: #f0f7ff;
+  --ant-primary-2: #cfe3ff;
+  --ant-primary-3: #a6c8ff;
+  --ant-primary-4: #7daaff;
+  --ant-primary-5: #548aff;
+  --ant-primary-6: #2c68ff;
+  --ant-primary-7: #1a4ad9;
   --ant-primary-color-deprecated-pure: ;
-  --ant-primary-color-deprecated-l-35: #cbe6ff;
-  --ant-primary-color-deprecated-l-20: #7ec1ff;
-  --ant-primary-color-deprecated-t-20: #46a6ff;
-  --ant-primary-color-deprecated-t-50: #8cc8ff;
-  --ant-primary-color-deprecated-f-12: rgba(24, 144, 255, 0.12);
-  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
-  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
-  --ant-success-color: #52c41a;
-  --ant-success-color-hover: #73d13d;
-  --ant-success-color-active: #389e0d;
-  --ant-success-color-outline: rgba(82, 196, 26, 0.2);
-  --ant-success-color-deprecated-bg: #f6ffed;
-  --ant-success-color-deprecated-border: #b7eb8f;
-  --ant-error-color: #ff4d4f;
-  --ant-error-color-hover: #ff7875;
-  --ant-error-color-active: #d9363e;
-  --ant-error-color-outline: rgba(255, 77, 79, 0.2);
-  --ant-error-color-deprecated-bg: #fff2f0;
-  --ant-error-color-deprecated-border: #ffccc7;
-  --ant-warning-color: #faad14;
-  --ant-warning-color-hover: #ffc53d;
-  --ant-warning-color-active: #d48806;
-  --ant-warning-color-outline: rgba(250, 173, 20, 0.2);
+  --ant-primary-color-deprecated-l-35: #dfe8ff;
+  --ant-primary-color-deprecated-l-20: #92b1ff;
+  --ant-primary-color-deprecated-t-20: #5686ff;
+  --ant-primary-color-deprecated-t-50: #96b4ff;
+  --ant-primary-color-deprecated-f-12: rgba(44, 104, 255, 0.12);
+  --ant-primary-color-active-deprecated-f-30: rgba(240, 247, 255, 0.3);
+  --ant-primary-color-active-deprecated-d-02: #e6f2ff;
+  --ant-success-color: #36c626;
+  --ant-success-color-hover: #5cd44a;
+  --ant-success-color-active: #20a116;
+  --ant-success-color-outline: rgba(54, 198, 38, 0.2);
+  --ant-success-color-deprecated-bg: #f4fff0;
+  --ant-success-color-deprecated-border: #afed9f;
+  --ant-error-color: #ff5c57;
+  --ant-error-color-hover: #ff8880;
+  --ant-error-color-active: #d93f3f;
+  --ant-error-color-outline: rgba(255, 92, 87, 0.2);
+  --ant-error-color-deprecated-bg: #fff3f0;
+  --ant-error-color-deprecated-border: #ffd7d1;
+  --ant-warning-color: #ffab00;
+  --ant-warning-color-hover: #ffbf29;
+  --ant-warning-color-active: #d98900;
+  --ant-warning-color-outline: rgba(255, 171, 0, 0.2);
   --ant-warning-color-deprecated-bg: #fffbe6;
-  --ant-warning-color-deprecated-border: #ffe58f;
-  --ant-info-color: #1890ff;
-  --ant-info-color-deprecated-bg: #e6f7ff;
-  --ant-info-color-deprecated-border: #91d5ff;
+  --ant-warning-color-deprecated-border: #ffe07a;
+  --ant-info-color: #2c68ff;
+  --ant-info-color-deprecated-bg: #f0f7ff;
+  --ant-info-color-deprecated-border: #a6c8ff;
 }
 .ant-tooltip {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #4c4c4c;
+  color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
   font-variant: tabular-nums;
   line-height: 1.5715;
@@ -243,10 +243,10 @@ html {
   background: #eb2f96;
 }
 .ant-tooltip-red .ant-tooltip-inner {
-  background-color: #f5222d;
+  background-color: #f42d2d;
 }
 .ant-tooltip-red .ant-tooltip-arrow-content::before {
-  background: #f5222d;
+  background: #f42d2d;
 }
 .ant-tooltip-volcano .ant-tooltip-inner {
   background-color: #fa541c;
@@ -267,10 +267,10 @@ html {
   background: #fadb14;
 }
 .ant-tooltip-gold .ant-tooltip-inner {
-  background-color: #faad14;
+  background-color: #ffab00;
 }
 .ant-tooltip-gold .ant-tooltip-arrow-content::before {
-  background: #faad14;
+  background: #ffab00;
 }
 .ant-tooltip-cyan .ant-tooltip-inner {
   background-color: #13c2c2;
@@ -285,16 +285,16 @@ html {
   background: #a0d911;
 }
 .ant-tooltip-green .ant-tooltip-inner {
-  background-color: #52c41a;
+  background-color: #36c626;
 }
 .ant-tooltip-green .ant-tooltip-arrow-content::before {
-  background: #52c41a;
+  background: #36c626;
 }
 .ant-tooltip-blue .ant-tooltip-inner {
-  background-color: #1890ff;
+  background-color: #2c68ff;
 }
 .ant-tooltip-blue .ant-tooltip-arrow-content::before {
-  background: #1890ff;
+  background: #2c68ff;
 }
 .ant-tooltip-geekblue .ant-tooltip-inner {
   background-color: #2f54eb;