@rainbow-oh/yee-c 0.10.0 → 0.12.0

package/dist/esm/style/color.green.css

@@ -1,39 +1,39 @@
 [data-theme='green'] {
-  --yee-primary-color: #3ca368;
-  --yee-primary-color-hover: #178751;
-  --yee-primary-color-active: #178751;
-  --yee-link-color: #3ca368;
-  --yee-link-color-hover: #178751;
-  --yee-link-color-active: #178751;
-  --yee-info-color: #337ab7;
-  --yee-info-color-hover: #2a6699;
-  --yee-info-color-active: #2a6699;
-  --yee-info-color-bg: #eff5fa;
-  --yee-info-color-border: #cedfee;
-  --yee-success-color: #178751;
-  --yee-success-color-hover: #137143;
-  --yee-success-color-active: #137143;
-  --yee-success-color-bg: #edf6f1;
-  --yee-success-color-border: #c8e2d5;
-  --yee-warning-color: #efc048;
-  --yee-warning-color-hover: #c8a13c;
-  --yee-warning-color-active: #c8a13c;
-  --yee-warning-color-bg: #fefaf1;
-  --yee-warning-color-border: #fbf0d3;
-  --yee-error-color: #de3730;
-  --yee-error-color-hover: #ba2e28;
-  --yee-error-color-active: #ba2e28;
-  --yee-error-color-bg: #fdefef;
-  --yee-error-color-border: #f7cfce;
-  --yee-text-color: #333333;
-  --yee-text-color-secondary: #616161;
-  --yee-text-color-description: #a6a6a6;
-  --yee-text-color-disabled: #b0bec5;
-  --yee-text-color-highlight: #3ca368;
-  --yee-text-color-auxiliary: #b0bec5;
+  --yee-color-primary: #3ca368;
+  --yee-color-primary-hover: #178751;
+  --yee-color-primary-active: #178751;
+  --yee-color-link: #3ca368;
+  --yee-color-link-hover: #178751;
+  --yee-color-link-active: #178751;
+  --yee-color-info: #337ab7;
+  --yee-color-info-hover: #2a6699;
+  --yee-color-info-active: #2a6699;
+  --yee-color-info-bg: #eff5fa;
+  --yee-color-info-border: #cedfee;
+  --yee-color-success: #178751;
+  --yee-color-success-hover: #137143;
+  --yee-color-success-active: #137143;
+  --yee-color-success-bg: #edf6f1;
+  --yee-color-success-border: #c8e2d5;
+  --yee-color-warning: #efc048;
+  --yee-color-warning-hover: #c8a13c;
+  --yee-color-warning-active: #c8a13c;
+  --yee-color-warning-bg: #fefaf1;
+  --yee-color-warning-border: #fbf0d3;
+  --yee-color-error: #de3730;
+  --yee-color-error-hover: #ba2e28;
+  --yee-color-error-active: #ba2e28;
+  --yee-color-error-bg: #fdefef;
+  --yee-color-error-border: #f7cfce;
+  --yee-color-text: #333333;
+  --yee-color-text-secondary: #616161;
+  --yee-color-text-description: #a6a6a6;
+  --yee-color-text-disabled: #b0bec5;
+  --yee-color-text-highlight: #3ca368;
+  --yee-color-text-auxiliary: #b0bec5;
   --yee-color-split: #e7e7e7;
-  --yee-border-color: #c5c6c9;
-  --yee-border-color-hover-focus: #3ca368;
+  --yee-color-border: #c5c6c9;
+  --yee-color-border-hover-focus: #3ca368;
   --yee-color-bg-highlight: rgba(245, 130, 32, 16%);
   --yee-color-bg-disabled: #f5f8fa;
   --yee-color-bg-head: #f8f8f8;
@@ -55,130 +55,92 @@
 
   /* --font-family-- */
 
-  --global-font-family: 'system-ui, -apple-system, BlinkMacSystemFont, Albert Sans,思源黑体,SourceHanSansSC,Roboto-Regular​';
+  --global-font-family:
+    system-ui, -apple-system, BlinkMacSystemFont, 'Albert Sans', 思源黑体,
+    SourceHanSansSC, Roboto-Regular;
 
   /* --global-- */
 
-  --yee-global-font-color: var(--yee-text-color);
-  --yee-placeholder-color: var(--yee-text-color-auxiliary);
+  --yee-global-font-color: var(--yee-color-text);
+  --yee-color-placeholder: var(--yee-color-text-auxiliary);
   --yee-title-prefix-bg-color: #efc048;
-  --yee-remove-icon: var(--yee-text-color-auxiliary);
-  --yee-remove-icon-hover: var(--yee-text-color-auxiliary);
-  --yee-remove-icon-active: var(--yee-text-color-auxiliary);
+  --yee-remove-icon: var(--yee-color-text-auxiliary);
+  --yee-remove-icon-hover: var(--yee-color-text-auxiliary);
+  --yee-remove-icon-active: var(--yee-color-text-auxiliary);
   --yee-global-body-bg-color: var(--yee-color-bg-layout);
   --yee-placement-arrow-bg-color: var(--yee-color-bg-elevated);
-  --yee-close-icon-color: var(--yee-text-color-description);
-  --yee-close-icon-hover-color: var(--yee-text-color);
+  --yee-close-icon-color: var(--yee-color-text-description);
+  --yee-close-icon-hover-color: var(--yee-color-text);
   --yee-mask-bg-color: var(--yee-color-bg-mask-dark);
   --yee-tab-active-border-color: #c9cafa;
 
   /* --Button-- */
 
-  --yee-btn-primary-color: #fff;
-  --yee-btn-primary-bg-color: var(--yee-primary-color);
-  --yee-btn-primary-border-color: var(--yee-primary-color);
-  --yee-btn-primary-hover-color: #fff;
-  --yee-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
-  --yee-btn-primary-hover-border-color: var(--yee-primary-color-hover);
-  --yee-btn-primary-active-color: #fff;
-  --yee-btn-primary-active-bg-color: var(--yee-primary-color-active);
-  --yee-btn-primary-active-border-color: var(--yee-primary-color-active);
-  --yee-btn-primary-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-primary-bg-color: var(--yee-color-primary);
+  --yee-btn-primary-disabled-color: var(--yee-color-text-disabled);
   --yee-btn-primary-disabled-bg-color: var(--yee-color-bg-disabled);
-  --yee-btn-primary-disabled-border-color: var(--yee-border-color);
-  --yee-btn-default-color: var(--yee-primary-color);
+  --yee-btn-primary-disabled-border-color: var(--yee-color-border);
   --yee-btn-default-bg-color: #fff;
-  --yee-btn-default-border-color: var(--yee-primary-color);
-  --yee-btn-default-hover-color: var(--yee-primary-color-hover);
-  --yee-btn-default-hover-bg-color: #fff;
-  --yee-btn-default-hover-border-color: var(--yee-primary-color-hover);
-  --yee-btn-default-active-color: #7c7c7c;
-  --yee-btn-default-active-bg-color: #fff;
-  --yee-btn-default-active-border-color: var(--yee-primary-color-active);
-  --yee-btn-default-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-default-disabled-color: var(--yee-color-text-disabled);
   --yee-btn-default-disabled-bg-color: var(--yee-color-bg-disabled);
-  --yee-btn-default-disabled-border-color: var(--yee-border-color);
-  --yee-btn-text-color: var(--yee-primary-color);
-  --yee-btn-text-hover-color: var(--yee-primary-color-hover);
-  --yee-btn-text-active-color: var(--yee-primary-color-active);
-  --yee-btn-text-disabled-color: var(--yee-text-color-disabled);
-  --yee-btn-link-color: var(--yee-link-color);
-  --yee-btn-link-hover-color: var(--yee-link-color-hover);
-  --yee-btn-link-active-color: var(--yee-link-color-active);
-  --yee-btn-link-disabled-color: var(--yee-text-color-disabled);
+  --yee-btn-default-disabled-border-color: var(--yee-color-border);
+  --yee-btn-text-color: var(--yee-color-primary);
+  --yee-btn-text-hover-color: var(--yee-color-primary-hover);
+  --yee-btn-text-active-color: var(--yee-color-primary-active);
+  --yee-btn-text-disabled-color: var(--yee-color-text-disabled);
+  --yee-btn-link-color: var(--yee-color-link);
+  --yee-btn-link-hover-color: var(--yee-color-link-hover);
+  --yee-btn-link-active-color: var(--yee-color-link-active);
+  --yee-btn-link-disabled-color: var(--yee-color-text-disabled);
   --yee-btn-info-color: #fff;
-  --yee-btn-info-bg-color: var(--yee-info-color);
-  --yee-btn-info-border-color: var(--yee-info-color);
+  --yee-btn-info-bg-color: var(--yee-color-info);
+  --yee-btn-info-border-color: var(--yee-color-info);
   --yee-btn-info-hover-color: #fff;
-  --yee-btn-info-hover-bg-color: var(--yee-info-color-hover);
-  --yee-btn-info-hover-border-color: var(--yee-info-color-hover);
+  --yee-btn-info-hover-bg-color: var(--yee-color-info-hover);
+  --yee-btn-info-hover-border-color: var(--yee-color-info-hover);
   --yee-btn-info-active-color: #fff;
-  --yee-btn-info-active-bg-color: var(--yee-info-color-active);
-  --yee-btn-info-active-border-color: var(--yee-info-color-active);
-  --yee-btn-info-not-primary-color: var(--yee-info-color);
+  --yee-btn-info-active-bg-color: var(--yee-color-info-active);
+  --yee-btn-info-active-border-color: var(--yee-color-info-active);
+  --yee-btn-info-not-primary-color: var(--yee-color-info);
   --yee-btn-info-not-primary-bg-color: #fff;
-  --yee-btn-info-not-primary-hover-color: var(--yee-info-color-hover);
+  --yee-btn-info-not-primary-hover-color: var(--yee-color-info-hover);
   --yee-btn-info-not-primary-hover-bg-color: #fff;
-  --yee-btn-info-not-primary-active-color: var(--yee-info-color-active);
+  --yee-btn-info-not-primary-active-color: var(--yee-color-info-active);
   --yee-btn-info-not-primary-active-bg-color: #fff;
-  --yee-btn-success-color: #fff;
-  --yee-btn-success-bg-color: var(--yee-success-color);
-  --yee-btn-success-border-color: var(--yee-success-color);
-  --yee-btn-success-hover-color: #fff;
-  --yee-btn-success-hover-bg-color: var(--yee-success-color-hover);
-  --yee-btn-success-hover-border-color: var(--yee-success-color-hover);
-  --yee-btn-success-active-color: #fff;
-  --yee-btn-success-active-bg-color: var(--yee-success-color-active);
-  --yee-btn-success-active-border-color: var(--yee-success-color-active);
-  --yee-btn-success-not-primary-color: var(--yee-success-color);
+  --yee-btn-success-bg-color: var(--yee-color-success);
+  --yee-btn-success-not-primary-color: var(--yee-color-success);
   --yee-btn-success-not-primary-bg-color: #fff;
-  --yee-btn-success-not-primary-hover-color: var(--yee-success-color-hover);
+  --yee-btn-success-not-primary-hover-color: var(--yee-color-success-hover);
   --yee-btn-success-not-primary-hover-bg-color: #fff;
-  --yee-btn-success-not-primary-active-color: var(--yee-success-color-active);
+  --yee-btn-success-not-primary-active-color: var(--yee-color-success-active);
   --yee-btn-success-not-primary-active-bg-color: #fff;
-  --yee-btn-warning-color: #fff;
-  --yee-btn-warning-bg-color: var(--yee-warning-color);
-  --yee-btn-warning-border-color: var(--yee-warning-color);
-  --yee-btn-warning-hover-color: #fff;
-  --yee-btn-warning-hover-bg-color: var(--yee-warning-color-hover);
-  --yee-btn-warning-hover-border-color: var(--yee-warning-color-hover);
-  --yee-btn-warning-active-color: #fff;
-  --yee-btn-warning-active-bg-color: var(--yee-warning-color-active);
-  --yee-btn-warning-active-border-color: var(--yee-warning-color-active);
-  --yee-btn-warning-not-primary-color: var(--yee-warning-color);
+  --yee-btn-warning-bg-color: var(--yee-color-warning);
+  --yee-btn-warning-not-primary-color: var(--yee-color-warning);
   --yee-btn-warning-not-primary-bg-color: #fff;
-  --yee-btn-warning-not-primary-hover-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-not-primary-hover-color: var(--yee-color-warning-hover);
   --yee-btn-warning-not-primary-hover-bg-color: #fff;
-  --yee-btn-warning-not-primary-active-color: var(--yee-warning-color-active);
+  --yee-btn-warning-not-primary-active-color: var(--yee-color-warning-active);
   --yee-btn-warning-not-primary-active-bg-color: #fff;
-  --yee-btn-danger-color: var(--yee-error-color);
-  --yee-btn-danger-bg-color: var(--yee-error-color);
-  --yee-btn-danger-border-color: var(--yee-error-color);
-  --yee-btn-danger-hover-color: #fff;
-  --yee-btn-danger-hover-bg-color: var(--yee-error-color-hover);
-  --yee-btn-danger-hover-border-color: var(--yee-error-color-hover);
-  --yee-btn-danger-active-color: #fff;
-  --yee-btn-danger-active-bg-color: var(--yee-error-color-active);
-  --yee-btn-danger-active-border-color: var(--yee-error-color-active);
-  --yee-btn-danger-not-primary-color: var(--yee-error-color);
+  --yee-btn-danger-bg-color: var(--yee-color-error);
+  --yee-btn-danger-not-primary-color: var(--yee-color-error);
   --yee-btn-danger-not-primary-bg-color: #fff;
-  --yee-btn-danger-not-primary-hover-color: var(--yee-error-color-hover);
+  --yee-btn-danger-not-primary-hover-color: var(--yee-color-error-hover);
   --yee-btn-danger-not-primary-hover-bg-color: #fff;
-  --yee-btn-danger-not-primary-active-color: var(--yee-error-color-active);
+  --yee-btn-danger-not-primary-active-color: var(--yee-color-error-active);
   --yee-btn-danger-not-primary-active-bg-color: #fff;
 
   /* ghost */
 
-  --yee-btn-ghost-disabled-color: var(--yee-text-color-disabled);
-  --yee-btn-ghost-disabled-border-color: var(--yee-border-color);
+  --yee-btn-ghost-disabled-color: var(--yee-color-text-disabled);
+  --yee-btn-ghost-disabled-border-color: var(--yee-color-border);
   --yee-btn-primary-ghost-disabled-bg-color: rgba(245, 248, 250, 0%);
   --yee-btn-default-ghost-disabled-bg-color: var(
     --yee-btn-primary-ghost-disabled-bg-color
   );
 
-  --yee-btn-primary-ghost-color: var(--yee-primary-color);
+  --yee-btn-primary-ghost-color: var(--yee-color-primary);
   --yee-btn-primary-ghost-bg-color: rgba(119, 122, 242, 0%);
-  --yee-btn-primary-ghost-border-color: var(--yee-primary-color);
+  --yee-btn-primary-ghost-border-color: var(--yee-color-primary);
   --yee-btn-primary-ghost-hover-color: #6366cb;
   --yee-btn-primary-ghost-hover-bg-color: rgba(99, 102, 203, 4%);
   --yee-btn-primary-ghost-hover-border-color: #6366cb;
@@ -212,64 +174,64 @@
   --yee-btn-text-ghost-color: #fff;
   --yee-btn-text-ghost-hover-color: var(--yee-btn-primary-ghost-hover-color);
   --yee-btn-text-ghost-active-color: var(--yee-btn-primary-ghost-active-color);
-  --yee-btn-link-ghost-color: var(--yee-link-color);
+  --yee-btn-link-ghost-color: var(--yee-color-link);
   --yee-btn-link-ghost-hover-color: #6366cb;
   --yee-btn-link-ghost-active-color: #6366cb;
-  --yee-btn-info-ghost-color: var(--yee-info-color);
+  --yee-btn-info-ghost-color: var(--yee-color-info);
   --yee-btn-info-ghost-bg-color: rgba(49, 112, 143, 0%);
-  --yee-btn-info-ghost-border-color: var(--yee-info-color);
-  --yee-btn-info-ghost-hover-color: var(--yee-info-color-hover);
+  --yee-btn-info-ghost-border-color: var(--yee-color-info);
+  --yee-btn-info-ghost-hover-color: var(--yee-color-info-hover);
   --yee-btn-info-ghost-hover-bg-color: rgba(41, 93, 120, 4%);
-  --yee-btn-info-ghost-hover-border-color: var(--yee-info-color-hover);
-  --yee-btn-info-ghost-active-color: var(--yee-info-color-active);
+  --yee-btn-info-ghost-hover-border-color: var(--yee-color-info-hover);
+  --yee-btn-info-ghost-active-color: var(--yee-color-info-active);
   --yee-btn-info-ghost-active-bg-color: rgba(41, 93, 120, 4%);
-  --yee-btn-info-ghost-active-border-color: var(--yee-info-color-active);
-  --yee-btn-success-ghost-color: var(--yee-success-color);
+  --yee-btn-info-ghost-active-border-color: var(--yee-color-info-active);
+  --yee-btn-success-ghost-color: var(--yee-color-success);
   --yee-btn-success-ghost-bg-color: rgba(0, 189, 165, 0%);
-  --yee-btn-success-ghost-border-color: var(--yee-success-color);
-  --yee-btn-success-ghost-hover-color: var(--yee-success-color-hover);
+  --yee-btn-success-ghost-border-color: var(--yee-color-success);
+  --yee-btn-success-ghost-hover-color: var(--yee-color-success-hover);
   --yee-btn-success-ghost-hover-bg-color: rgba(0, 158, 138, 4%);
-  --yee-btn-success-ghost-hover-border-color: var(--yee-success-color-hover);
-  --yee-btn-success-ghost-active-color: var(--yee-success-color-active);
+  --yee-btn-success-ghost-hover-border-color: var(--yee-color-success-hover);
+  --yee-btn-success-ghost-active-color: var(--yee-color-success-active);
   --yee-btn-success-ghost-active-bg-color: rgba(0, 158, 138, 4%);
-  --yee-btn-success-ghost-active-border-color: var(--yee-success-color-active);
-  --yee-btn-warning-ghost-color: var(--yee-warning-color);
+  --yee-btn-success-ghost-active-border-color: var(--yee-color-success-active);
+  --yee-btn-warning-ghost-color: var(--yee-color-warning);
   --yee-btn-warning-ghost-bg-color: rgba(255, 185, 0, 0%);
-  --yee-btn-warning-ghost-border-color: var(--yee-warning-color);
-  --yee-btn-warning-ghost-hover-color: var(--yee-warning-color-hover);
+  --yee-btn-warning-ghost-border-color: var(--yee-color-warning);
+  --yee-btn-warning-ghost-hover-color: var(--yee-color-warning-hover);
   --yee-btn-warning-ghost-hover-bg-color: rgba(214, 155, 0, 4%);
-  --yee-btn-warning-ghost-hover-border-color: var(--yee-warning-color-hover);
-  --yee-btn-warning-ghost-active-color: var(--yee-warning-color-active);
+  --yee-btn-warning-ghost-hover-border-color: var(--yee-color-warning-hover);
+  --yee-btn-warning-ghost-active-color: var(--yee-color-warning-active);
   --yee-btn-warning-ghost-active-bg-color: rgba(214, 155, 0, 4%);
-  --yee-btn-warning-ghost-active-border-color: var(--yee-warning-color-active);
-  --yee-btn-danger-ghost-color: var(--yee-error-color);
+  --yee-btn-warning-ghost-active-border-color: var(--yee-color-warning-active);
+  --yee-btn-danger-ghost-color: var(--yee-color-error);
   --yee-btn-danger-ghost-bg-color: rgba(242, 84, 91, 0%);
-  --yee-btn-danger-ghost-border-color: var(--yee-error-color);
-  --yee-btn-danger-ghost-hover-color: var(--yee-error-color-hover);
+  --yee-btn-danger-ghost-border-color: var(--yee-color-error);
+  --yee-btn-danger-ghost-hover-color: var(--yee-color-error-hover);
   --yee-btn-danger-ghost-hover-bg-color: rgba(203, 70, 76, 4%);
-  --yee-btn-danger-ghost-hover-border-color: var(--yee-error-color-hover);
-  --yee-btn-danger-ghost-active-color: var(--yee-error-color-active);
+  --yee-btn-danger-ghost-hover-border-color: var(--yee-color-error-hover);
+  --yee-btn-danger-ghost-active-color: var(--yee-color-error-active);
   --yee-btn-danger-ghost-active-bg-color: rgba(203, 70, 76, 4%);
-  --yee-btn-danger-ghost-active-border-color: var(--yee-error-color-active);
-  --yee-btn-loading-spinner-color: var(--yee-text-color-disabled);
-  --yee-btn-primary-loading-spinner-color: var(--yee-text-color-disabled);
+  --yee-btn-danger-ghost-active-border-color: var(--yee-color-error-active);
+  --yee-btn-loading-spinner-color: var(--yee-color-text-disabled);
+  --yee-btn-primary-loading-spinner-color: var(--yee-color-text-disabled);
 
   /* --FloatButton-- */
 
-  --yee-float-button-menu-bg-color: var(--yee-color-bg-elevated);
+  --yee-float-btn-menu-bg-color: var(--yee-color-bg-elevated);
   --yee-float-btn-color: #fff;
   --yee-float-btn-default-bg-color: #425b76;
   --yee-float-btn-default-hover-color: #fff;
   --yee-float-btn-default-hover-bg-color: #39364e;
   --yee-float-btn-primary-color: #fff;
-  --yee-float-btn-primary-bg-color: var(--yee-primary-color);
+  --yee-float-btn-primary-bg-color: var(--yee-color-primary);
   --yee-float-btn-primary-hover-color: #fff;
-  --yee-float-btn-primary-hover-bg-color: var(--yee-primary-color-hover);
+  --yee-float-btn-primary-hover-bg-color: var(--yee-color-primary-hover);
 
   /* --Field-- */
 
-  --yee-field-required-color: var(--yee-error-color);
-  --yee-field-error-message-color: var(--yee-error-color);
+  --yee-field-required-color: var(--yee-color-error);
+  --yee-field-error-message-color: var(--yee-color-error);
 
   /* --Menu-- */
 
@@ -278,28 +240,28 @@
   --yee-menu-item-hover-color: var(--yee-color-option-hover);
   --yee-menu-item-selected-color: var(--yee-color-option-active);
   --yee-menu-item-selected-bg-color: var(--yee-color-option-active-bg);
-  --yee-menu-item-arrow-color: var(--yee-text-color-auxiliary);
-  --yee-menu-item-arrow-hover-color: var(--yee-text-color-auxiliary);
-  --yee-menu-item-arrow-selected-color: var(--yee-primary-color);
+  --yee-menu-item-arrow-color: var(--yee-color-text-auxiliary);
+  --yee-menu-item-arrow-hover-color: var(--yee-color-text-auxiliary);
+  --yee-menu-item-arrow-selected-color: var(--yee-color-primary);
   --yee-menu-item-bg-color: #fff;
   --yee-menu-item-title-bg-color: #f0f0f0;
   --yee-menu-item-title-hover-bg-color: #f0f0f0;
   --yee-menu-item-focused-bg-color: #f0f0f0;
-  --yee-menu-submenu-selected-color: var(--yee-primary-color);
+  --yee-menu-submenu-selected-color: var(--yee-color-primary);
 
   /* 暂时无用 */
 
-  --yee-menu-submenu-inline-open-color: var(--yee-primary-color);
+  --yee-menu-submenu-inline-open-color: var(--yee-color-primary);
   --yee-menu-submenu-inline-open-bg-color: var(--yee-color-option-active-bg);
-  --yee-menu-vertical-border-color: var(--yee-border-color);
-  --yee-icon-success-color: var(--yee-success-color);
-  --yee-icon-info-color: var(--yee-info-color);
-  --yee-icon-warning-color: var(--yee-warning-color);
-  --yee-icon-danger-color: var(--yee-error-color);
+  --yee-menu-vertical-border-color: var(--yee-color-border);
+  --yee-icon-success-color: var(--yee-color-success);
+  --yee-icon-info-color: var(--yee-color-info);
+  --yee-icon-warning-color: var(--yee-color-warning);
+  --yee-icon-danger-color: var(--yee-color-error);
 
   /* --Divider-- */
 
-  --yee-divider-font-color: var(--yee-text-color);
+  --yee-divider-font-color: var(--yee-color-text);
   --yee-divider-border-color: var(--yee-color-split);
 
   /* --SplitPanel-- */
@@ -309,7 +271,7 @@
   --yee-splitter-handler-color: var(--yee-color-split);
   --yee-splitter-handler-hover-color: rgba(119, 122, 242, 32%);
   --yee-splitter-handler-drag-color: rgba(119, 122, 242, 48%);
-  --yee-splitter-arrow-color: var(--yee-text-color);
+  --yee-splitter-arrow-color: var(--yee-color-text);
   --yee-splitter-arrow-bg-color: rgba(0, 0, 0, 4%);
   --yee-splitter-arrow-hover-color: #777af2;
   --yee-splitter-arrow-bg-hover-color: rgba(119, 122, 242, 8%);
@@ -337,23 +299,23 @@
 
   --yee-anchor-nav-line-bg-color: var(--yee-color-bg-rail);
   --yee-anchor-static-nav-line-bg-color: var(--yee-color-split);
-  --yee-anchor-item-font-color: var(--yee-text-color);
-  --yee-anchor-item-hover-font-color: var(--yee-primary-color);
+  --yee-anchor-item-font-color: var(--yee-color-text);
+  --yee-anchor-item-hover-font-color: var(--yee-color-primary);
   --yee-anchor-item-before-bg-color: var(--yee-color-bg-rail);
-  --yee-anchor-item-before-border-color: var(--yee-primary-color);
+  --yee-anchor-item-before-border-color: var(--yee-color-primary);
   --yee-anchor-item-before-active-bg-color: var(--yee-color-bg-elevated);
-  --yee-anchor-item-active-font-color: var(--yee-primary-color);
+  --yee-anchor-item-active-font-color: var(--yee-color-primary);
 
   /* --Breadcrumb-- */
 
-  --yee-breadcrumb-font-color: var(--yee-text-color);
-  --yee-breadcrumb-previous-font-color: var(--yee-text-color-description);
-  --yee-breadcrumb-separator-color: var(--yee-text-color-description);
-  --yee-breadcrumb-item-link-hover-font-color: var(--yee-primary-color);
-  --yee-breadcrumb-item-link-active-font-color: var(--yee-primary-color);
-  --yee-breadcrumb-icon-color: var(--yee-text-color);
-  --yee-breadcrumb-hover-icon-color: var(--yee-primary-color);
-  --yee-breadcrumb-active-icon-color: var(--yee-primary-color);
+  --yee-breadcrumb-font-color: var(--yee-color-text);
+  --yee-breadcrumb-previous-font-color: var(--yee-color-text-description);
+  --yee-breadcrumb-separator-color: var(--yee-color-text-description);
+  --yee-breadcrumb-item-link-hover-font-color: var(--yee-color-primary);
+  --yee-breadcrumb-item-link-active-font-color: var(--yee-color-primary);
+  --yee-breadcrumb-icon-color: var(--yee-color-text);
+  --yee-breadcrumb-hover-icon-color: var(--yee-color-primary);
+  --yee-breadcrumb-active-icon-color: var(--yee-color-primary);
 
   /* --Dropdown-- */
 
@@ -361,9 +323,9 @@
 
   /* --List-- */
 
-  --yee-list-item-color: var(--yee-text-color);
+  --yee-list-item-color: var(--yee-color-text);
   --yee-list-item-bg-color: transparent;
-  --yee-list-item-disabled: var(--yee-text-color-disabled);
+  --yee-list-item-disabled: var(--yee-color-text-disabled);
   --yee-list-item-disabled-bg-color: transparent;
   --yee-list-item-hover-color: var(--yee-color-option-hover);
   --yee-list-item-bg-hover-color: var(--yee-color-option-hover-bg);
@@ -374,54 +336,54 @@
 
   /* --Pagination-- */
 
-  --yee-pagination-item-border-color: var(--yee-border-color);
+  --yee-pagination-item-border-color: var(--yee-color-border);
   --yee-pagination-item-bg-color: var(--yee-color-bg-container);
-  --yee-pagination-item-color: var(--yee-text-color);
-  --yee-pagination-itemnot-border-color: var(--yee-border-color);
+  --yee-pagination-item-color: var(--yee-color-text);
+  --yee-pagination-itemnot-border-color: var(--yee-color-border);
   --yee-pagination-itemnot-bg-color: var(--yee-color-bg-container);
-  --yee-pagination-itemnot-color: var(--yee-text-color-disabled);
-  --yee-pagination-item-hover-border-color: var(--yee-border-color);
+  --yee-pagination-itemnot-color: var(--yee-color-text-disabled);
+  --yee-pagination-item-hover-border-color: var(--yee-color-border);
   --yee-pagination-item-hover-bg-color: var(--yee-color-bg-container);
-  --yee-pagination-item-hover-color: var(--yee-primary-color);
-  --yee-pagination-item-active-border-color: var(--yee-primary-color);
+  --yee-pagination-item-hover-color: var(--yee-color-primary);
+  --yee-pagination-item-active-border-color: var(--yee-color-primary);
   --yee-pagination-item-active-bg-color: var(--yee-color-bg-container);
-  --yee-pagination-item-active-color: var(--yee-primary-color);
-  --yee-pagination-disabled-color: var(--yee-text-color-disabled);
-  --yee-pagination-disabled-border-color: var(--yee-border-color);
+  --yee-pagination-item-active-color: var(--yee-color-primary);
+  --yee-pagination-disabled-color: var(--yee-color-text-disabled);
+  --yee-pagination-disabled-border-color: var(--yee-color-border);
   --yee-pagination-disabled-bg-color: var(--yee-color-bg-container);
-  --yee-pagination-active-disabled-border-color: var(--yee-border-color);
+  --yee-pagination-active-disabled-border-color: var(--yee-color-border);
   --yee-pagination-active-disabled-bg-color: var(--yee-color-bg-disabled);
-  --yee-pagination-active-disabled-color: var(--yee-text-color-disabled);
-  --yee-pagination-turn-page-color: var(--yee-text-color);
+  --yee-pagination-active-disabled-color: var(--yee-color-text-disabled);
+  --yee-pagination-turn-page-color: var(--yee-color-text);
 
   /* --Steps-- */
 
-  --yee-steps-step-title-color: var(--yee-text-color);
-  --yee-steps-serial-undo-title-color: var(--yee-text-color-description);
-  --yee-steps-step-subtitle-color: var(--yee-text-color-description);
-  --yee-steps-step-description: var(--yee-text-color-description);
-  --yee-steps-step-doing-description-color: var(--yee-text-color);
-  --yee-steps-step-done-color: var(--yee-primary-color);
+  --yee-steps-step-title-color: var(--yee-color-text);
+  --yee-steps-serial-undo-title-color: var(--yee-color-text-description);
+  --yee-steps-step-subtitle-color: var(--yee-color-text-description);
+  --yee-steps-step-description: var(--yee-color-text-description);
+  --yee-steps-step-doing-description-color: var(--yee-color-text);
+  --yee-steps-step-done-color: var(--yee-color-primary);
   --yee-steps-serial-done-bg-color: #eaeafd;
   --yee-steps-serial-done-border-color: var(--yee-steps-serial-done-bg-color);
   --yee-steps-step-doing-color: #fff;
   --yee-steps-serial-doing-bg-color: #9295f5;
   --yee-steps-serial-doing-border-color: var(--yee-steps-serial-doing-bg-color);
-  --yee-steps-step-undo-color: var(--yee-text-color-description);
+  --yee-steps-step-undo-color: var(--yee-color-text-description);
   --yee-steps-serial-undo-bg-color: var(--yee-color-bg-fill);
   --yee-steps-serial-undo-border-color: var(--yee-steps-serial-undo-bg-color);
   --yee-steps-step-icon-done-color: var(--yee-steps-serial-doing-bg-color);
   --yee-steps-step-doing-icon-color: var(--yee-steps-serial-doing-bg-color);
-  --yee-steps-step-icon-undo-color: var(--yee-text-color-disabled);
+  --yee-steps-step-icon-undo-color: var(--yee-color-text-disabled);
   --yee-steps-step-done-dot-color: var(--yee-steps-serial-doing-bg-color);
   --yee-steps-step-doing-dot-color: var(--yee-steps-serial-doing-bg-color);
-  --yee-steps-step-undo-dot-color: var(--yee-text-color-disabled);
+  --yee-steps-step-undo-dot-color: var(--yee-color-text-disabled);
   --yee-steps-done-line-bg-color: var(--yee-steps-serial-doing-bg-color);
   --yee-steps-line-bg-color: var(--yee-color-split);
-  --yee-steps-step-error-color: var(--yee-error-color);
+  --yee-steps-step-error-color: var(--yee-color-error);
   --yee-steps-step-error-border-color: var(--yee-steps-step-error-bg-color);
-  --yee-steps-step-error-bg-color: var(--yee-error-color-bg);
-  --yee-steps-step-nav-arrow-color: var(--yee-text-color-auxiliary);
+  --yee-steps-step-error-bg-color: var(--yee-color-error-bg);
+  --yee-steps-step-nav-arrow-color: var(--yee-color-text-auxiliary);
   --yee-steps-step-nav-border-color: var(--yee-color-split);
   --yee-steps-step-nav-doing-border-color: var(
     --yee-steps-serial-doing-bg-color
@@ -462,10 +424,10 @@
 
   --yee-cascader-bg-color: var(--yee-color-bg-elevated);
   --yee-cascader-menu-item-border-color: var(--yee-color-split);
-  --yee-cascader-menu-font-color: var(--yee-text-color);
-  --yee-cascader-menu-disabled-color: var(--yee-text-color-disabled);
+  --yee-cascader-menu-font-color: var(--yee-color-text);
+  --yee-cascader-menu-disabled-color: var(--yee-color-text-disabled);
   --yee-cascader-menu-disabled-bg-color: transparent;
-  --yee-cascader-menu-arrow-color: var(--yee-text-color-auxiliary);
+  --yee-cascader-menu-arrow-color: var(--yee-color-text-auxiliary);
   --yee-cascader-menu-arrow-hover-color: var(--yee-cascader-menu-arrow-color);
   --yee-cascader-menu-arrow-active-color: var(--yee-color-option-active);
   --yee-cascader-menu-active-color: var(--yee-color-option-active-bg);
@@ -473,48 +435,48 @@
   --yee-cascader-menu-hover-color: var(--yee-color-option-hover);
   --yee-cascader-menu-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-filter-menu-hover-bg-color: var(--yee-color-option-hover-bg);
-  --yee-high-light-font-color: var(--yee-text-color-highlight);
+  --yee-high-light-font-color: var(--yee-color-text-highlight);
 
   /* --Checkbox-- */
 
   --yee-checkbox-bg-color: var(--yee-color-bg-container);
-  --yee-checkbox-border-color: var(--yee-border-color);
-  --yee-checkbox-hover-border-color: var(--yee-border-color-hover-focus);
-  --yee-checkbox-checked-bg-color: var(--yee-primary-color);
-  --yee-checkbox-checked-border-color: var(--yee-primary-color);
+  --yee-checkbox-border-color: var(--yee-color-border);
+  --yee-checkbox-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-checkbox-checked-bg-color: var(--yee-color-primary);
+  --yee-checkbox-checked-border-color: var(--yee-color-primary);
   --yee-checkbox-checked-after-border-color: #fff;
   --yee-checkbox-disabled-unchecked-bg-color: var(--yee-color-bg-disabled);
   --yee-checkbox-disabled-checked-bg-color: var(--yee-color-bg-disabled);
-  --yee-checkbox-disabled-checked-border-color: var(--yee-border-color);
+  --yee-checkbox-disabled-checked-border-color: var(--yee-color-border);
   --yee-checkbox-disabled-checked-after-border-color: var(
-    --yee-text-color-disabled
+    --yee-color-text-disabled
   );
 
-  --yee-checkbox-border-indeterminate-color: var(--yee-primary-color);
-  --yee-checkbox-bg-indeterminate-color: var(--yee-primary-color);
+  --yee-checkbox-border-indeterminate-color: var(--yee-color-primary);
+  --yee-checkbox-bg-indeterminate-color: var(--yee-color-primary);
 
   /* --Datepicker--  */
 
-  --yee-date-picker-panel-color: var(--yee-text-color);
+  --yee-date-picker-panel-color: var(--yee-color-text);
   --yee-date-picker-panel-bg-color: var(--yee-color-bg-elevated);
-  --yee-date-picker-header-color: var(--yee-text-color);
+  --yee-date-picker-header-color: var(--yee-color-text);
   --yee-date-picker-header-font-color: var(--yee-date-picker-header-color);
-  --yee-picker-header-button-color: var(--yee-text-color-description);
-  --yee-date-picker-header-font-hover-color: var(--yee-primary-color);
-  --yee-picker-header-button-hover-color: var(--yee-text-color);
+  --yee-picker-header-button-color: var(--yee-color-text-description);
+  --yee-date-picker-header-font-hover-color: var(--yee-color-primary);
+  --yee-picker-header-button-hover-color: var(--yee-color-text);
   --yee-date-picker-header-bg-color: transparent;
-  --yee-date-picker-thead-color: var(--yee-text-color);
+  --yee-date-picker-thead-color: var(--yee-color-text);
   --yee-date-picker-thead-bg-color: var(--yee-color-bg-head);
   --yee-picker-date-panel-border-color: var(--yee-color-split);
-  --yee-date-picker-not-in-view-color: var(--yee-text-color-disabled);
-  --yee-date-picker-current-bg-color: var(--yee-primary-color);
+  --yee-date-picker-not-in-view-color: var(--yee-color-text-disabled);
+  --yee-date-picker-current-bg-color: var(--yee-color-primary);
   --yee-date-picker-hover-color: var(--yee-color-option-hover);
   --yee-date-picker-hover-bg-color: var(--yee-color-option-hover-bg);
-  --yee-date-picker-checked-active-bg-color: var(--yee-primary-color);
+  --yee-date-picker-checked-active-bg-color: var(--yee-color-primary);
   --yee-date-picker-checked-active-color: #fff;
   --yee-date-picker-disabled-bg-color: var(--yee-color-bg-disabled);
   --yee-date-picker-weekend-font-color: var(--yee-date-picker-panel-color);
-  --yee-date-picker-week-count-color: var(--yee-text-color-auxiliary);
+  --yee-date-picker-week-count-color: var(--yee-color-text-auxiliary);
   --yee-date-picker-time-hover-color: var(--yee-color-option-hover);
   --yee-date-picker-time-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-date-picker-time-checked-active-color: var(--yee-color-option-active);
@@ -522,21 +484,21 @@
     --yee-color-option-active-bg
   );
 
-  --yee-date-picker-time-disabled-color: var(--yee-text-color-disabled);
+  --yee-date-picker-time-disabled-color: var(--yee-color-text-disabled);
   --yee-date-picker-time-disabled-bg-color: transparent;
 
-  --yee-rangepicker-trigger-border-color: var(--yee-border-color);
-  --yee-rangepicker-trigger-hover-border-color: var(
-    --yee-border-color-hover-focus
+  --yee-range-picker-trigger-border-color: var(--yee-color-border);
+  --yee-range-picker-trigger-hover-border-color: var(
+    --yee-color-border-hover-focus
   );
-  --yee-rangepicker-checked-bg-color: var(--yee-color-option-active-bg);
-  --yee-rangepicker-hover-border-color: var(--yee-primary-color);
-  --yee-rangepicker-panel-bg-color: #fff;
+  --yee-range-picker-checked-bg-color: var(--yee-color-option-active-bg);
+  --yee-range-picker-hover-border-color: var(--yee-color-primary);
+  --yee-range-picker-panel-bg-color: #fff;
 
   /* --Timepicker-- */
 
-  --yee-timepicker-bg-color: var(--yee-color-bg-elevated);
-  --yee-time-picker-header-color: var(--yee-text-color);
+  --yee-time-picker-bg-color: var(--yee-color-bg-elevated);
+  --yee-time-picker-header-color: var(--yee-color-text);
   --yee-time-picker-header-bg-color: var(--yee-color-bg-head);
   --yee-time-picker-container-hour-apm-active-bg-color: var(
     --yee-color-option-active-bg
@@ -548,22 +510,22 @@
 
   /* --Input-- */
 
-  --yee-input-hover-border-color: var(--yee-border-color-hover-focus);
-  --yee-input-content-focus-border-color: var(--yee-border-color-hover-focus);
+  --yee-input-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-input-content-focus-border-color: var(--yee-color-border-hover-focus);
   --yee-input-focus-bs-color: rgba(60, 163, 104, 0.24);
-  --yee-input-border-color: var(--yee-border-color);
+  --yee-input-border-color: var(--yee-color-border);
   --yee-input-content-bg-color: var(--yee-color-bg-container);
   --yee-input-disabled-bg-color: var(--yee-color-bg-disabled);
   --yee-input-fix-icon-color: var(--yee-color-text);
-  --yee-input-fix-icon-click-color: var(--yee-text-color);
-  --yee-input-fix-icon-click-hover-color: var(--yee-primary-color);
-  --yee-input-fix-icon-click-active-color: var(--yee-primary-color);
-  --yee-suffix-counter: var(--yee-text-color-description);
-  --yee-input-required-font-color: var(--yee-error-color);
-  --yee-input-helpfill-font-color: var(--yee-warning-color);
+  --yee-input-fix-icon-click-color: var(--yee-color-text);
+  --yee-input-fix-icon-click-hover-color: var(--yee-color-primary);
+  --yee-input-fix-icon-click-active-color: var(--yee-color-primary);
+  --yee-suffix-counter: var(--yee-color-text-description);
+  --yee-input-required-font-color: var(--yee-color-error);
+  --yee-input-helpfill-font-color: var(--yee-color-warning);
   --yee-input-content-error-focus-bs-color: rgba(242, 84, 91, 24%);
   --yee-input-content-warning-focus-bs-color: rgba(255, 185, 0, 24%);
-  --yee-input-error-border-color: var(--yee-error-color);
+  --yee-input-error-border-color: var(--yee-color-error);
   --yee-input-clear-color: #fff;
   --yee-input-clear-bg-color: #bfbfbf;
 
@@ -581,92 +543,92 @@
 
   /* --Textarea-- */
 
-  --yee-textarea-number-color: var(--yee-text-color-description);
+  --yee-textarea-number-color: var(--yee-color-text-description);
 
   /* --Inputnumber-- */
 
-  --yee-input-number-icon-color: var(--yee-text-color-description);
-  --yee-input-number-icon-hover-color: var(--yee-primary-color);
-  --yee-inputnumber-disabled-font-color: var(--yee-text-color-disabled);
-  --yee-inputnumber-controls-border-color: var(--yee-color-split);
-  --yee-inputnumber-handler-wrap-bg-color: #fafafa;
-  --yee-inputnumber-handler-hover-bg-color: #f0f0f0;
-  --yee-inputnumber-handler-active-bg-color: #e6e6e6;
+  --yee-input-number-icon-color: var(--yee-color-text-description);
+  --yee-input-number-icon-hover-color: var(--yee-color-primary);
+  --yee-input-number-disabled-font-color: var(--yee-color-text-disabled);
+  --yee-input-number-controls-border-color: var(--yee-color-split);
+  --yee-input-number-handler-wrap-bg-color: #fafafa;
+  --yee-input-number-handler-hover-bg-color: #f0f0f0;
+  --yee-input-number-handler-active-bg-color: #e6e6e6;
 
   /* --Radio-- */
 
-  --yee-radio-inner-border-color: var(--yee-border-color);
+  --yee-radio-inner-border-color: var(--yee-color-border);
   --yee-radio-inner-bg-color: var(--yee-color-bg-container);
-  --yee-radio-inner-checked-border-color: var(--yee-primary-color);
-  --yee-radio-inner-after-checked-bg-color: var(--yee-primary-color);
-  --yee-radio-inner-disabled-border-color: var(--yee-border-color);
+  --yee-radio-inner-checked-border-color: var(--yee-color-primary);
+  --yee-radio-inner-after-checked-bg-color: var(--yee-color-primary);
+  --yee-radio-inner-disabled-border-color: var(--yee-color-border);
   --yee-radio-inner-disabled-after-checked-bg-color: var(
-    --yee-text-color-disabled
+    --yee-color-text-disabled
   );
 
-  --yee-radio-inner-hover-border-color: var(--yee-border-color-hover-focus);
-  --yee-radio-label-button-border-color: var(--yee-border-color);
+  --yee-radio-inner-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-radio-label-button-border-color: var(--yee-color-border);
   --yee-radio-label-button-bg-color: var(--yee-color-bg-container);
-  --yee-radio-label-button-hover-color: var(--yee-primary-color);
-  --yee-radio-label-button-hover-border-color: var(--yee-border-color);
+  --yee-radio-label-button-hover-color: var(--yee-color-primary);
+  --yee-radio-label-button-hover-border-color: var(--yee-color-border);
   --yee-radio-label-button-hover-bg-color: var(--yee-color-bg-container);
-  --yee-radio-input-checked-button-color: var(--yee-primary-color);
-  --yee-radio-input-checked-button-border-color: var(--yee-primary-color);
+  --yee-radio-input-checked-button-color: var(--yee-color-primary);
+  --yee-radio-input-checked-button-border-color: var(--yee-color-primary);
   --yee-radio-input-checked-button-bg-color: var(--yee-color-bg-container);
-  --yee-radio-button-arrow-color: var(--yee-primary-color);
+  --yee-radio-button-arrow-color: var(--yee-color-primary);
   --yee-radio-button-arrow-border-color: #fff;
-  --yee-radio-label-disabled-color: var(--yee-text-color-disabled);
+  --yee-radio-label-disabled-color: var(--yee-color-text-disabled);
   --yee-radio-label-disabled-bg-color: var(--yee-color-bg-disabled);
   --yee-radio-label-disabled-active-color: #fff;
-  --yee-radio-label-disabled-active-bg-color: var(--yee-border-color);
-  --yee-radio-label-button-disabled-border-color: var(--yee-border-color);
-  --yee-radio-button-disabled-arrow-color: var(--yee-border-color);
+  --yee-radio-label-disabled-active-bg-color: var(--yee-color-border);
+  --yee-radio-label-button-disabled-border-color: var(--yee-color-border);
+  --yee-radio-button-disabled-arrow-color: var(--yee-color-border);
   --yee-radio-button-disabled-arrow-border-color: #fff;
   --yee-radio-group-solid-checked-color: #fff;
 
   /* --Rate-- */
 
-  --yee-star-icon-color: var(--yee-color-bg-fill);
+  --yee-rate-star-icon-color: var(--yee-color-bg-fill);
   --yee-rate-star-full-icon-color: #ffc700;
 
   /* --Select-- */
 
   --yee-select-down-container-bg-color: var(--yee-color-bg-elevated);
-  --yee-select-group-name-font-color: var(--yee-text-color-description);
+  --yee-select-group-name-font-color: var(--yee-color-text-description);
   --yee-select-option-hover-color: var(--yee-color-option-hover);
   --yee-select-option-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-select-option-active-color: var(--yee-color-option-active);
   --yee-select-option-active-bg-color: var(--yee-color-option-active-bg);
-  --yee-select-multi-arrow-color: var(--yee-primary-color);
-  --yee-select-option-disabled-color: var(--yee-text-color-disabled);
-  --yee-select-no-data-color: var(--yee-text-color-description);
-  --yee-select-multi-tag-color: var(--yee-text-color);
+  --yee-select-multi-arrow-color: var(--yee-color-primary);
+  --yee-select-option-disabled-color: var(--yee-color-text-disabled);
+  --yee-select-no-data-color: var(--yee-color-text-description);
+  --yee-select-multi-tag-color: var(--yee-color-text);
   --yee-select-multi-tag-border-color: var(--yee-color-split);
   --yee-select-multi-tag-bg-color: var(--yee-color-bg-head);
-  --yee-select-multi-disabled-tag-color: var(--yee-text-color-disabled);
+  --yee-select-multi-disabled-tag-color: var(--yee-color-text-disabled);
   --yee-select-multi-disabled-tag-border-color: var(--yee-color-split);
   --yee-select-multi-disabled-tag-bg-color: var(--yee-color-split);
 
   /* --Slider-- */
 
-  --yee-slider-track-bg-color: var(--yee-primary-color);
-  --yee-slider-track-bg-hover-color: var(--yee-primary-color-hover);
-  --yee-slider-handle-border-color: var(--yee-primary-color);
+  --yee-slider-track-bg-color: var(--yee-color-primary);
+  --yee-slider-track-bg-hover-color: var(--yee-color-primary-hover);
+  --yee-slider-handle-border-color: var(--yee-color-primary);
   --yee-slider-handle-bg-color: var(--yee-color-bg-container);
-  --yee-slider-handle-border-disabled-color: var(--yee-text-color-disabled);
+  --yee-slider-handle-border-disabled-color: var(--yee-color-text-disabled);
   --yee-slider-handle-bg-disabled-color: var(--yee-color-bg-container);
-  --yee-slider-handle-hover-border-color: var(--yee-primary-color-hover);
-  --yee-slider-handle-active-border-color: var(--yee-primary-color-active);
-  --yee-slider-track-disabled-bg-color: var(--yee-text-color-disabled);
+  --yee-slider-handle-hover-border-color: var(--yee-color-primary-hover);
+  --yee-slider-handle-active-border-color: var(--yee-color-primary-active);
+  --yee-slider-track-disabled-bg-color: var(--yee-color-text-disabled);
   --yee-slider-dot-border-color: var(--yee-color-bg-fill);
   --yee-slider-dot-border-hover-color: var(--yee-slider-rail-bg-hover-color);
   --yee-slider-dot-bg-color: var(--yee-color-bg-container);
-  --yee-slider-dot-active-border-color: var(--yee-primary-color);
+  --yee-slider-dot-active-border-color: var(--yee-color-primary);
   --yee-slider-rail-bg-color: var(--yee-color-bg-fill);
   --yee-slider-rail-bg-hover-color: #cbd6e2;
   --yee-slider-handle-dragging-border-color: rgba(57, 54, 78, 16%);
-  --yee-slider-mark-color: var(--yee-text-color);
-  --yee-slider-mark-active-color: var(--yee-text-color);
+  --yee-slider-mark-color: var(--yee-color-text);
+  --yee-slider-mark-active-color: var(--yee-color-text);
   --yee-slider-tooltip-color: #fff;
   --yee-slider-tooltip-bg-color: rgba(0, 0, 0, 80%);
   --yee-slider-disabled-rail-bg-color: #e9e9e9;
@@ -692,11 +654,11 @@
 
   --yee-switchbox-switch-disabled-handle-bg-color: #fff;
   --yee-switchbox-switch-checked-color: #fff;
-  --yee-switchbox-switch-checked-bg-color: var(--yee-primary-color);
-  --yee-switchbox-switch-checked-border-color: var(--yee-primary-color);
-  --yee-switchbox-switch-checked-bg-hover-color: var(--yee-primary-color-hover);
+  --yee-switchbox-switch-checked-bg-color: var(--yee-color-primary);
+  --yee-switchbox-switch-checked-border-color: var(--yee-color-primary);
+  --yee-switchbox-switch-checked-bg-hover-color: var(--yee-color-primary-hover);
   --yee-switchbox-switch-checked-border-hover-color: var(
-    --yee-primary-color-hover
+    --yee-color-primary-hover
   );
 
   --yee-switchbox-switch-checked-handle-bg-color: #fff;
@@ -715,7 +677,7 @@
   /* --Transfer-- */
 
   --yee-transfer-bg-color: transparent;
-  --yee-transfer-list-border-color: var(--yee-border-color);
+  --yee-transfer-list-border-color: var(--yee-color-border);
   --yee-transfer-list-bg-color: var(--yee-color-bg-container);
   --yee-transfer-list-header-bg-color: var(--yee-color-bg-container);
   --yee-transfer-list-content-item-hover-color: var(--yee-color-option-hover);
@@ -723,66 +685,66 @@
     --yee-color-option-hover-bg
   );
 
-  --yee-transfer-list-body-disabled-color: var(--yee-text-color-disabled);
+  --yee-transfer-list-body-disabled-color: var(--yee-color-text-disabled);
   --yee-transfer-list-body-disabled-bg-color: var(--yee-color-bg-disabled);
-  --yee-transfer-list-delete-font-color: var(--yee-text-color-description);
-  --yee-transfer-list-delete-hover-font-color: var(--yee-text-color);
-  --yee-transfer-operation-disabled-color: var(--yee-text-color-disabled);
-  --yee-transfer-operation-disabled-border-color: var(--yee-border-color);
+  --yee-transfer-list-delete-font-color: var(--yee-color-text-description);
+  --yee-transfer-list-delete-hover-font-color: var(--yee-color-text);
+  --yee-transfer-operation-disabled-color: var(--yee-color-text-disabled);
+  --yee-transfer-operation-disabled-border-color: var(--yee-color-border);
   --yee-transfer-operation-disabled-bg-color: var(--yee-color-bg-disabled);
 
   /* --TreeSelect-- */
 
-  --yee-treeselect-dropdown-bg-color: var(--yee-color-bg-elevated);
+  --yee-tree-select-dropdown-bg-color: var(--yee-color-bg-elevated);
 
   /* --Upload-- */
 
-  --yee-upload-dragger-trigger-icon-color: var(--yee-text-color);
-  --yee-upload-dragger-trigger-color: var(--yee-text-color);
-  --yee-upload-dragger-trigger-border-color: var(--yee-border-color);
-  --yee-upload-dragger-trigger-hover-color: var(--yee-primary-color-hover);
-  --yee-upload-dragger-trigger-des-color: var(--yee-text-color-description);
-  --yee-upload-dragger-trigger-disabled-color: var(--yee-text-color-disabled);
+  --yee-upload-dragger-trigger-icon-color: var(--yee-color-text);
+  --yee-upload-dragger-trigger-color: var(--yee-color-text);
+  --yee-upload-dragger-trigger-border-color: var(--yee-color-border);
+  --yee-upload-dragger-trigger-hover-color: var(--yee-color-primary-hover);
+  --yee-upload-dragger-trigger-des-color: var(--yee-color-text-description);
+  --yee-upload-dragger-trigger-disabled-color: var(--yee-color-text-disabled);
   --yee-upload-dragger-trigger-disabled-bg-color: var(--yee-color-bg-disabled);
-  --yee-upload-dragger-trigger-disabled-border-color: var(--yee-border-color);
-  --yee-upload-error-color: var(--yee-error-color);
-  --yee-upload-error-hover-color: var(--yee-error-color-hover);
-  --yee-upload-list-item-color: var(--yee-link-color);
-  --yee-upload-list-item-icon-color: var(--yee-text-color-auxiliary);
-  --yee-upload-list-item-icon-hover-color: var(--yee-text-color-auxiliary);
-  --yee-upload-list-item-hover-color: var(--yee-link-color-hover);
+  --yee-upload-dragger-trigger-disabled-border-color: var(--yee-color-border);
+  --yee-upload-error-color: var(--yee-color-error);
+  --yee-upload-error-hover-color: var(--yee-color-error-hover);
+  --yee-upload-list-item-color: var(--yee-color-link);
+  --yee-upload-list-item-icon-color: var(--yee-color-text-auxiliary);
+  --yee-upload-list-item-icon-hover-color: var(--yee-color-text-auxiliary);
+  --yee-upload-list-item-hover-color: var(--yee-color-link-hover);
   --yee-upload-list-item-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-upload-list-item-custom-btn-text-color: var(
-    --yee-text-color-description
+    --yee-color-text-description
   );
 
-  --yee-upload-list-item-custom-btn-text-hover-color: var(--yee-text-color);
-  --yee-upload-list-item-custom-btn-text-active-color: var(--yee-text-color);
-  --yee-upload-picture-list-item-border-color: var(--yee-border-color);
-  --yee-upload-picture-wall-item-border-color: var(--yee-border-color);
-  --yee-upload-picture-list-item-border-error-color: var(--yee-error-color);
-  --yee-upload-state-error-border-color: var(--yee-error-color);
-  --yee-upload-state-error-bg-color: var(--yee-error-color-bg);
+  --yee-upload-list-item-custom-btn-text-hover-color: var(--yee-color-text);
+  --yee-upload-list-item-custom-btn-text-active-color: var(--yee-color-text);
+  --yee-upload-picture-list-item-border-color: var(--yee-color-border);
+  --yee-upload-picture-wall-item-border-color: var(--yee-color-border);
+  --yee-upload-picture-list-item-border-error-color: var(--yee-color-error);
+  --yee-upload-state-error-border-color: var(--yee-color-error);
+  --yee-upload-state-error-bg-color: var(--yee-color-error-bg);
   --yee-upload-picture-wall-icon-color: #fff;
   --yee-upload-picture-wall-mask-color: var(--yee-mask-bg-color);
 
   /* --Search-- */
 
   --yee-search-result-bg-color: var(--yee-color-bg-elevated);
-  --yee-search-no-result-color: var(--yee-text-color-description);
+  --yee-search-no-result-color: var(--yee-color-text-description);
 
   /* --Badge-- */
 
-  --yee-badge-default-color: var(--yee-error-color);
+  --yee-badge-default-color: var(--yee-color-error);
   --yee-badge-default-font-color: #fff;
-  --yee-badge-state-info-color: var(--yee-info-color);
-  --yee-badge-state-success-color: var(--yee-success-color);
-  --yee-badge-state-warning-color: var(--yee-warning-color);
-  --yee-badge-state-error-color: var(--yee-error-color);
-  --yee-badge-state-disabled-color: var(--yee-text-color-disabled);
-  --yee-badge-state-default-color: var(--yee-text-color);
+  --yee-badge-state-info-color: var(--yee-color-info);
+  --yee-badge-state-success-color: var(--yee-color-success);
+  --yee-badge-state-warning-color: var(--yee-color-warning);
+  --yee-badge-state-error-color: var(--yee-color-error);
+  --yee-badge-state-disabled-color: var(--yee-color-text-disabled);
+  --yee-badge-state-default-color: var(--yee-color-text);
   --yee-ribbon-content-color: #fff;
-  --yee-ribbon-content-bg-color: var(--yee-primary-color);
+  --yee-ribbon-content-bg-color: var(--yee-color-primary);
   --yee-ribbon-anger-bg-color: var(--yee-ribbon-content-bg-color);
   --yee-badge-count-border-color: #fff;
 
@@ -790,12 +752,12 @@
 
   --yee-box-bg: var(--yee-color-bg-container);
   --yee-box-footer-bg: var(--yee-color-bg-elevated);
-  --yee-top-count-title: var(--yee-text-color-description);
+  --yee-top-count-title: var(--yee-color-text-description);
   --yee-top-count-after-bg-color: var(--yee-color-split);
 
   /* --Calendar-- */
 
-  --yee-calendar-thead-color: var(--yee-text-color);
+  --yee-calendar-thead-color: var(--yee-color-text);
   --yee-calendar-cell-bg-color: var(--yee-color-bg-container);
   --yee-calendar-cell-border-color: var(--yee-color-split);
   --yee-calendar-cell-hover-color: var(--yee-color-option-hover);
@@ -803,7 +765,7 @@
   --yee-calendar-cell-border-hover-color: var(--yee-color-split);
   --yee-calendar-cell-current-color: var(--yee-color-option-active);
   --yee-calendar-cell-current-bg-color: var(--yee-color-option-active-bg);
-  --yee-calendar-cell-current-border-color: var(--yee-primary-color);
+  --yee-calendar-cell-current-border-color: var(--yee-color-primary);
   --yee-calendar-cell-selected-color: var(--yee-color-option-active);
   --yee-calendar-cell-selected-bg-color: var(--yee-color-option-active-bg);
   --yee-calendar-cell-selected-border-color: #d3d4fa;
@@ -812,28 +774,28 @@
 
   --yee-card-bg-color: var(--yee-color-bg-container);
   --yee-card-border-color: var(--yee-color-split);
-  --yee-card-header-title-font-color: var(--yee-text-color);
-  --yee-card-title-prefix-color: var(--yee-primary-color);
+  --yee-card-header-title-font-color: var(--yee-color-text);
+  --yee-card-title-prefix-color: var(--yee-color-primary);
   --yee-card-group-bg-color: transparent;
-  --yee-card-header-custom-btn-text-color: var(--yee-link-color);
-  --yee-card-header-custom-btn-text-hover-color: var(--yee-link-color-hover);
-  --yee-card-header-custom-btn-text-active-color: var(--yee-link-color-active);
-  --yee-card-header-expand-icon-color: var(--yee-text-color);
-  --yee-card-header-expand-icon-hover-color: var(--yee-text-color);
-  --yee-card-header-expand-icon-active-color: var(--yee-text-color);
+  --yee-card-header-custom-btn-text-color: var(--yee-color-link);
+  --yee-card-header-custom-btn-text-hover-color: var(--yee-color-link-hover);
+  --yee-card-header-custom-btn-text-active-color: var(--yee-color-link-active);
+  --yee-card-header-expand-icon-color: var(--yee-color-text);
+  --yee-card-header-expand-icon-hover-color: var(--yee-color-text);
+  --yee-card-header-expand-icon-active-color: var(--yee-color-text);
   --yee-card-group-inner-bg-color: transparent;
   --yee-card-header-clickable-bg-color: #efefef;
 
   /* --Carousel-- */
 
   --yee-carousel-bar-bg-color: rgba(119, 122, 242, 45%);
-  --yee-carousel-bar-hover-active-bg-color: var(--yee-primary-color);
-  --yee-carousel-arrow-color: var(--yee-primary-color);
+  --yee-carousel-bar-hover-active-bg-color: var(--yee-color-primary);
+  --yee-carousel-arrow-color: var(--yee-color-primary);
   --yee-carousel-arrow-bg-color: rgba(119, 122, 242, 7%);
   --yee-carousel-arrow-border-color: rgba(119, 122, 242, 7%);
   --yee-carousel-arrow-hover-color: #fff;
-  --yee-carousel-arrow-hover-bg-color: var(--yee-primary-color);
-  --yee-carousel-arrow-hover-border-color: var(--yee-primary-color);
+  --yee-carousel-arrow-hover-bg-color: var(--yee-color-primary);
+  --yee-carousel-arrow-hover-border-color: var(--yee-color-primary);
 
   /* --Collapse-- */
 
@@ -841,60 +803,60 @@
   --yee-collapse-item-bg-color: var(--yee-color-bg-container);
   --yee-collapse-header-bg-color: var(--yee-color-bg-head);
   --yee-collapse-border-color: var(--yee-color-split);
-  --yee-collapse-info-color: var(--yee-info-color);
-  --yee-collapse-success-color: var(--yee-success-color);
-  --yee-collapse-warning-color: var(--yee-warning-color);
-  --yee-collapse-error-color: var(--yee-error-color);
-  --yee-collapse-header-custom-btn-text-color: var(--yee-text-color);
-  --yee-collapse-header-custom-btn-text-hover-color: var(--yee-primary-color);
-  --yee-collapse-header-custom-btn-text-active-color: var(--yee-primary-color);
+  --yee-collapse-info-color: var(--yee-color-info);
+  --yee-collapse-success-color: var(--yee-color-success);
+  --yee-collapse-warning-color: var(--yee-color-warning);
+  --yee-collapse-error-color: var(--yee-color-error);
+  --yee-collapse-header-custom-btn-text-color: var(--yee-color-text);
+  --yee-collapse-header-custom-btn-text-hover-color: var(--yee-color-primary);
+  --yee-collapse-header-custom-btn-text-active-color: var(--yee-color-primary);
 
   /* --Highlight-- */
 
-  --yee-highlight-color: var(--yee-primary-color);
+  --yee-highlight-color: var(--yee-color-primary);
   --yee-highlight-hover-color: #39364e;
   --yee-highlight-active-color: #39364e;
 
   /* --ImagePreview-- */
 
-  --yee-image-preview-image-mask-bg-color: var(--yee-mask-bg-color);
-  --yee-image-preview-mask-color: #fff;
-  --yee-image-preview-mask-bg-color: var(--yee-mask-bg-color);
-  --yee-image-preview-close-icon-color: rgba(255, 255, 255, 88%);
-  --yee-image-preview-close-icon-bg-color: rgba(0, 0, 0, 16%);
-  --yee-image-preview-close-icon-hover-color: #fff;
-  --yee-image-preview-toolbar-bg-color: rgba(0, 0, 0, 32%);
-  --yee-image-preview-toolbar-color: rgba(255, 255, 255, 72%);
-  --yee-image-preview-toolbar-hover-color: #fff;
-  --yee-image-preview-toolbar-disabled-color: rgba(255, 255, 255, 32%);
-  --yee-image-preview-toolbar-zoom-color: #fff;
-  --yee-image-preview-toolbar-split-color: rgba(255, 255, 255, 16%);
-  --yee-image-preview-split-color: rgba(255, 255, 255, 8%);
-  --yee-image-preview-selected-border-color: rgba(0, 0, 0, 32%);
-  --yee-image-preview-arrow-color: #fff;
-  --yee-image-preview-arrow-hover-color: #fff;
-  --yee-image-preview-arrow-bg-color: rgba(255, 255, 255, 8%);
-  --yee-image-preview-arrow-bg-hover-color: rgba(255, 255, 255, 16%);
-  --yee-image-preview-viewer-bg-color: var(--yee-color-bg-layout);
+  --yee-image-viewer-image-mask-bg-color: var(--yee-mask-bg-color);
+  --yee-image-viewer-mask-color: #fff;
+  --yee-image-viewer-mask-bg-color: var(--yee-mask-bg-color);
+  --yee-image-viewer-close-icon-color: rgba(255, 255, 255, 88%);
+  --yee-image-viewer-close-icon-bg-color: rgba(0, 0, 0, 16%);
+  --yee-image-viewer-close-icon-hover-color: #fff;
+  --yee-image-viewer-toolbar-bg-color: rgba(0, 0, 0, 32%);
+  --yee-image-viewer-toolbar-color: rgba(255, 255, 255, 72%);
+  --yee-image-viewer-toolbar-hover-color: #fff;
+  --yee-image-viewer-toolbar-disabled-color: rgba(255, 255, 255, 32%);
+  --yee-image-viewer-toolbar-zoom-color: #fff;
+  --yee-image-viewer-toolbar-split-color: rgba(255, 255, 255, 16%);
+  --yee-image-viewer-split-color: rgba(255, 255, 255, 8%);
+  --yee-image-viewer-selected-border-color: rgba(0, 0, 0, 32%);
+  --yee-image-viewer-arrow-color: #fff;
+  --yee-image-viewer-arrow-hover-color: #fff;
+  --yee-image-viewer-arrow-bg-color: rgba(255, 255, 255, 8%);
+  --yee-image-viewer-arrow-bg-hover-color: rgba(255, 255, 255, 16%);
+  --yee-image-viewer-viewer-bg-color: var(--yee-color-bg-layout);
 
   /* --Popover-- */
 
   --yee-popover-bg-color: var(--yee-color-bg-elevated);
   --yee-popover-header-bg-color: transparent;
-  --yee-popover-confirm-icon-color: var(--yee-warning-color);
+  --yee-popover-confirm-icon-color: var(--yee-color-warning);
 
   /* --QRCode-- */
 
-  --yee-qrcode-fill-color: var(--yee-text-color);
+  --yee-qrcode-fill-color: var(--yee-color-text);
   --yee-qrcode-border-color: var(--yee-color-split);
   --yee-qrcode-bg-color: var(--yee-color-bg-container);
   --yee-qrcode-mask-bg-color: rgba(255, 255, 255, 96%);
-  --yee-qrcode-mask-font-color: var(--yee-text-color);
+  --yee-qrcode-mask-font-color: var(--yee-color-text);
 
   /* --Table-- */
 
-  --yee-table-color: var(--yee-text-color);
-  --yee-table-thead-color: var(--yee-text-color-secondary);
+  --yee-table-color: var(--yee-color-text);
+  --yee-table-thead-color: var(--yee-color-text-secondary);
   --yee-table-bg-color: var(--yee-color-bg-container);
   --yee-table-elevated-bg-color: var(--yee-table-bg-color);
   --yee-table-thead-bg-color: var(--yee-color-bg-head);
@@ -928,14 +890,14 @@
     --yee-table-tbody-tr-hover-bg-color
   );
 
-  --yee-table-head-action-search-color: var(--yee-text-color-auxiliary);
-  --yee-table-head-action-filter-color: var(--yee-text-color-auxiliary);
-  --yee-table-head-action-sort-color: var(--yee-text-color-auxiliary);
-  --yee-table-head-action-hover-color: var(--yee-text-color-description);
-  --yee-table-head-action-active-color: var(--yee-primary-color);
-  --yee-table-head-filter-color: var(--yee-text-color);
-  --yee-table-head-filter-hover-color: var(--yee-primary-color);
-  --yee-table-head-filter-active-color: var(--yee-primary-color);
+  --yee-table-head-action-search-color: var(--yee-color-text-auxiliary);
+  --yee-table-head-action-filter-color: var(--yee-color-text-auxiliary);
+  --yee-table-head-action-sort-color: var(--yee-color-text-auxiliary);
+  --yee-table-head-action-hover-color: var(--yee-color-text-description);
+  --yee-table-head-action-active-color: var(--yee-color-primary);
+  --yee-table-head-filter-color: var(--yee-color-text);
+  --yee-table-head-filter-hover-color: var(--yee-color-primary);
+  --yee-table-head-filter-active-color: var(--yee-color-primary);
   --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
@@ -945,7 +907,7 @@
   );
 
   --yee-table-summary-bg-color: var(--yee-color-bg-container);
-  --yee-table-no-record-color: var(--yee-text-color-description);
+  --yee-table-no-record-color: var(--yee-color-text-description);
 
   /* --Tabs-- */
 
@@ -953,90 +915,92 @@
   --yee-tabs-elevated-bg-color: var(--yee-color-bg-container);
   --yee-tabs-fixed-bg-color: transparent;
   --yee-tabs-before-border-color: var(--yee-color-split);
-  --yee-tabitem-title-active-hover-color: var(--yee-primary-color);
-  --yee-tabitem-title-disabled-color: var(--yee-text-color-disabled);
-  --yee-tabs-active-border-color: var(--yee-primary-color);
+  --yee-tabs-tab-title-active-hover-color: var(--yee-color-primary);
+  --yee-tabs-tab-title-disabled-color: var(--yee-color-text-disabled);
+  --yee-tabs-active-border-color: var(--yee-color-primary);
   --yee-tabs-border-color: var(--yee-color-split);
   --yee-tabs-badge-bg-color: var(--yee-color-bg-fill);
-  --yee-tabs-badge-font-color: var(--yee-text-color);
-  --yee-tabs-pills-border-color: var(--yee-border-color);
-  --yee-tabitem-active-hover-pills-color: var(--yee-primary-color);
-  --yee-tabitem-active-pills-border-color: var(--yee-primary-color);
-  --yee-tabitem-dropdown-title-hover-color: var(--yee-color-option-hover);
-  --yee-tabitem-dropdown-title-hover-bg-color: var(--yee-color-option-hover-bg);
-  --yee-tabitem-dropdown-title-active-color: var(--yee-color-option-active);
-  --yee-tabitem-dropdown-title-active-bg-color: var(
+  --yee-tabs-badge-font-color: var(--yee-color-text);
+  --yee-tabs-pills-border-color: var(--yee-color-border);
+  --yee-tabs-tab-active-hover-pills-color: var(--yee-color-primary);
+  --yee-tabs-tab-active-pills-border-color: var(--yee-color-primary);
+  --yee-tabs-tab-dropdown-title-hover-color: var(--yee-color-option-hover);
+  --yee-tabs-tab-dropdown-title-hover-bg-color: var(
+    --yee-color-option-hover-bg
+  );
+  --yee-tabs-tab-dropdown-title-active-color: var(--yee-color-option-active);
+  --yee-tabs-tab-dropdown-title-active-bg-color: var(
     --yee-color-option-active-bg
   );
 
   --yee-tabs-card-item-bg-color: rgba(255, 255, 255, 64%);
-  --yee-tabs-card-active-hover-color: var(--yee-primary-color);
+  --yee-tabs-card-active-hover-color: var(--yee-color-primary);
   --yee-tabs-card-border-color: var(--yee-color-split);
   --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
   --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
   --yee-tabs-card-bg-color: transparent;
-  --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
-  --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
-  --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);
+  --yee-tabs-header-custom-btn-text-color: var(--yee-color-text);
+  --yee-tabs-header-custom-btn-text-hover-color: var(--yee-color-primary);
+  --yee-tabs-header-custom-btn-text-active-color: var(--yee-color-primary);
 
   /* --Tag-- */
 
-  --yee-tag-color: var(--yee-text-color);
+  --yee-tag-color: var(--yee-color-text);
   --yee-tag-border-color: var(--yee-color-split);
   --yee-tag-item-bg-color: var(--yee-color-bg-head);
   --yee-tag-hover-color: var(--yee-close-icon-hover-color);
   --yee-tag-item-dashed-bg-color: var(--yee-color-bg-container);
-  --yee-tag-item-title-color: var(--yee-text-color-description);
-  --yee-tag-item-not-check-color: var(--yee-text-color);
+  --yee-tag-item-title-color: var(--yee-color-text-description);
+  --yee-tag-item-not-check-color: var(--yee-color-text);
   --yee-tag-item-not-check-bg-color: transparent;
   --yee-tag-item-not-check-border-color: transparent;
-  --yee-tag-item-check-hover-color: var(--yee-primary-color);
+  --yee-tag-item-check-hover-color: var(--yee-color-primary);
   --yee-tag-item-check-hover-bg-color: var(--yee-color-option-active-bg);
   --yee-tag-item-check-hover-border-color: var(--yee-color-option-active-bg);
   --yee-tag-item-check-active-color: #fff;
-  --yee-tag-item-check-active-bg-color: var(--yee-primary-color);
-  --yee-tag-item-check-active-border-color: var(--yee-primary-color);
-  --yee-tag-info-color: var(--yee-info-color);
-  --yee-tag-info-border-color: var(--yee-info-color-border);
-  --yee-tag-info-bg-color: var(--yee-info-color-bg);
-  --yee-tag-success-color: var(--yee-success-color);
-  --yee-tag-success-border-color: var(--yee-success-color-border);
-  --yee-tag-success-bg-color: var(--yee-success-color-bg);
-  --yee-tag-warning-color: var(--yee-warning-color);
-  --yee-tag-warning-border-color: var(--yee-warning-color-border);
-  --yee-tag-warning-bg-color: var(--yee-warning-color-bg);
-  --yee-tag-error-color: var(--yee-error-color);
-  --yee-tag-error-border-color: var(--yee-error-color-border);
-  --yee-tag-error-bg-color: var(--yee-error-color-bg);
-  --yee-tag-disabled-color: var(--yee-text-color-disabled);
+  --yee-tag-item-check-active-bg-color: var(--yee-color-primary);
+  --yee-tag-item-check-active-border-color: var(--yee-color-primary);
+  --yee-tag-info-color: var(--yee-color-info);
+  --yee-tag-info-border-color: var(--yee-color-info-border);
+  --yee-tag-info-bg-color: var(--yee-color-info-bg);
+  --yee-tag-success-color: var(--yee-color-success);
+  --yee-tag-success-border-color: var(--yee-color-success-border);
+  --yee-tag-success-bg-color: var(--yee-color-success-bg);
+  --yee-tag-warning-color: var(--yee-color-warning);
+  --yee-tag-warning-border-color: var(--yee-color-warning-border);
+  --yee-tag-warning-bg-color: var(--yee-color-warning-bg);
+  --yee-tag-error-color: var(--yee-color-error);
+  --yee-tag-error-border-color: var(--yee-color-error-border);
+  --yee-tag-error-bg-color: var(--yee-color-error-bg);
+  --yee-tag-disabled-color: var(--yee-color-text-disabled);
   --yee-tag-disabled-border-color: var(--yee-tag-border-color);
   --yee-tag-disabled-bg-color: var(--yee-tag-item-bg-color);
 
   /* --Timeline-- */
 
   --yee-timeline-item-tail-color: var(--yee-color-bg-rail);
-  --yee-timeline-item-head-color: var(--yee-primary-color);
+  --yee-timeline-item-head-color: var(--yee-color-primary);
   --yee-timeline-item-head-bg-color: var(--yee-color-bg-container);
-  --yee-timeline-item-title-color: var(--yee-text-color);
-  --yee-timeline-item-content-color: var(--yee-text-color-description);
-  --yee-timeline-item-info: var(--yee-info-color);
-  --yee-timeline-item-success: var(--yee-success-color);
-  --yee-timeline-item-warning: var(--yee-warning-color);
-  --yee-timeline-item-error: var(--yee-error-color);
-  --yee-timeline-item-disabled: var(--yee-text-color-disabled);
+  --yee-timeline-item-title-color: var(--yee-color-text);
+  --yee-timeline-item-content-color: var(--yee-color-text-description);
+  --yee-timeline-item-info: var(--yee-color-info);
+  --yee-timeline-item-success: var(--yee-color-success);
+  --yee-timeline-item-warning: var(--yee-color-warning);
+  --yee-timeline-item-error: var(--yee-color-error);
+  --yee-timeline-item-disabled: var(--yee-color-text-disabled);
 
   /* --Tooltip-- */
 
   --yee-tooltip-font-color: #fff;
   --yee-tooltip-bg-color: rgba(0, 0, 0, 88%);
   --yee-tooltip-info-color: #fff;
-  --yee-tooltip-info-bg-color: var(--yee-info-color);
+  --yee-tooltip-info-bg-color: var(--yee-color-info);
   --yee-tooltip-success-color: #fff;
-  --yee-tooltip-success-bg-color: var(--yee-success-color);
+  --yee-tooltip-success-bg-color: var(--yee-color-success);
   --yee-tooltip-warning-color: #fff;
-  --yee-tooltip-warning-bg-color: var(--yee-warning-color);
+  --yee-tooltip-warning-bg-color: var(--yee-color-warning);
   --yee-tooltip-error-color: #fff;
-  --yee-tooltip-error-bg-color: var(--yee-error-color);
+  --yee-tooltip-error-bg-color: var(--yee-color-error);
 
   /* --Tree-- */
 
@@ -1044,46 +1008,46 @@
   --yee-tree-node-text-hover-color: var(--yee-color-option-hover);
   --yee-tree-node-text-active-bg-color: transparent;
   --yee-tree-node-text-active-color: var(--yee-color-option-active);
-  --yee-tree-node-disabled-color: var(--yee-text-color-disabled);
-  --yee-tree-node-single-disabled-active-color: var(--yee-text-color-disabled);
+  --yee-tree-node-disabled-color: var(--yee-color-text-disabled);
+  --yee-tree-node-single-disabled-active-color: var(--yee-color-text-disabled);
   --yee-tree-node-single-disabled-active-bg-color: var(--yee-color-bg-disabled);
   --yee-tree-directory-node-hover-color: var(--yee-color-option-hover);
   --yee-tree-directory-node-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-tree-directory-node-active-color: var(--yee-color-option-active);
   --yee-tree-directory-node-active-bg-color: var(--yee-color-option-active-bg);
   --yee-tree-node-line-color: var(--yee-color-split);
-  --yee-tree-node-high-light-color: var(--yee-text-color-highlight);
-  --yee-tree-header-custom-btn-text-color: var(--yee-text-color-description);
-  --yee-tree-header-custom-btn-text-hover-color: var(--yee-primary-color);
-  --yee-tree-header-custom-btn-text-active-color: var(--yee-primary-color);
+  --yee-tree-node-high-light-color: var(--yee-color-text-highlight);
+  --yee-tree-header-custom-btn-text-color: var(--yee-color-text-description);
+  --yee-tree-header-custom-btn-text-hover-color: var(--yee-color-primary);
+  --yee-tree-header-custom-btn-text-active-color: var(--yee-color-primary);
 
   /* --Alert-- */
 
-  --yee-alert-font-color: var(--yee-text-color);
+  --yee-alert-font-color: var(--yee-color-text);
   --yee-alert-border-color: var(--yee-color-split);
-  --yee-alert-info-icon-color: var(--yee-info-color);
-  --yee-alert-info-bg-color: var(--yee-info-color-bg);
-  --yee-alert-info-border-color: var(--yee-info-color-border);
-  --yee-alert-success-icon-color: var(--yee-success-color);
-  --yee-alert-success-bg-color: var(--yee-success-color-bg);
-  --yee-alert-success-border-color: var(--yee-success-color-border);
-  --yee-alert-warning-icon-color: var(--yee-warning-color);
-  --yee-alert-warning-bg-color: var(--yee-warning-color-bg);
-  --yee-alert-warning-border-color: var(--yee-warning-color-border);
-  --yee-alert-danger-icon-color: var(--yee-error-color);
-  --yee-alert-danger-bg-color: var(--yee-error-color-bg);
-  --yee-alert-danger-border-color: var(--yee-error-color-border);
+  --yee-alert-info-icon-color: var(--yee-color-info);
+  --yee-alert-info-bg-color: var(--yee-color-info-bg);
+  --yee-alert-info-border-color: var(--yee-color-info-border);
+  --yee-alert-success-icon-color: var(--yee-color-success);
+  --yee-alert-success-bg-color: var(--yee-color-success-bg);
+  --yee-alert-success-border-color: var(--yee-color-success-border);
+  --yee-alert-warning-icon-color: var(--yee-color-warning);
+  --yee-alert-warning-bg-color: var(--yee-color-warning-bg);
+  --yee-alert-warning-border-color: var(--yee-color-warning-border);
+  --yee-alert-danger-icon-color: var(--yee-color-error);
+  --yee-alert-danger-bg-color: var(--yee-color-error-bg);
+  --yee-alert-danger-border-color: var(--yee-color-error-border);
 
   /* --Dialog-- */
 
   --yee-dialog-mask-bg-color: var(--yee-color-bg-mask-dark);
   --yee-dialog-body-bg-color: var(--yee-color-bg-elevated);
-  --yee-dialog-title-color: var(--yee-text-color);
+  --yee-dialog-title-color: var(--yee-color-text);
   --yee-dialog-title-before-bg-color: var(--yee-title-prefix-bg-color);
-  --yee-dialog-confirm-info-color: var(--yee-info-color);
-  --yee-dialog-confirm-success-color: var(--yee-success-color);
-  --yee-dialog-confirm-warning-color: var(--yee-warning-color);
-  --yee-dialog-confirm-error-color: var(--yee-error-color);
+  --yee-dialog-confirm-info-color: var(--yee-color-info);
+  --yee-dialog-confirm-success-color: var(--yee-color-success);
+  --yee-dialog-confirm-warning-color: var(--yee-color-warning);
+  --yee-dialog-confirm-error-color: var(--yee-color-error);
   --yee-dialog-content-bg-color: var(--yee-color-bg-elevated);
   --yee-dialog-content-box-shadow-color: rgba(15, 15, 15, 8%);
 
@@ -1092,33 +1056,33 @@
   --yee-drawer-mask-bg-color: var(--yee-color-bg-mask-dark);
   --yee-drawer-content-bg-color: var(--yee-color-bg-elevated);
   --yee-drawer-title-before-bg-color: var(--yee-title-prefix-bg-color);
-  --yee-drawer-title-color: var(--yee-text-color);
+  --yee-drawer-title-color: var(--yee-color-text);
   --yee-drawer-footer-border-color: var(--yee-color-split);
 
   /* --Message-- */
 
   --yee-message-bg-color: var(--yee-color-bg-elevated);
-  --yee-message-info-color: var(--yee-info-color);
-  --yee-message-success-color: var(--yee-success-color);
-  --yee-message-warning-color: var(--yee-warning-color);
-  --yee-message-error-color: var(--yee-error-color);
+  --yee-message-info-color: var(--yee-color-info);
+  --yee-message-success-color: var(--yee-color-success);
+  --yee-message-warning-color: var(--yee-color-warning);
+  --yee-message-error-color: var(--yee-color-error);
 
   /* --Notification-- */
 
-  --yee-notice-icon-color: var(--yee-text-color);
-  --yee-notice-header-title-color: var(--yee-text-color);
-  --yee-notice-info-icon-color: var(--yee-info-color);
-  --yee-notice-info-bg-color: var(--yee-info-color-bg);
-  --yee-notice-info-border-color: var(--yee-info-color-border);
-  --yee-notice-success-icon-color: var(--yee-success-color);
-  --yee-notice-success-bg-color: var(--yee-success-color-bg);
-  --yee-notice-success-border-color: var(--yee-success-color-border);
-  --yee-notice-warning-icon-color: var(--yee-warning-color);
-  --yee-notice-warning-bg-color: var(--yee-warning-color-bg);
-  --yee-notice-warning-border-color: var(--yee-warning-color-border);
-  --yee-notice-error-icon-color: var(--yee-error-color);
-  --yee-notice-error-bg-color: var(--yee-error-color-bg);
-  --yee-notice-error-border-color: var(--yee-error-color-border);
+  --yee-notice-icon-color: var(--yee-color-text);
+  --yee-notice-header-title-color: var(--yee-color-text);
+  --yee-notice-info-icon-color: var(--yee-color-info);
+  --yee-notice-info-bg-color: var(--yee-color-info-bg);
+  --yee-notice-info-border-color: var(--yee-color-info-border);
+  --yee-notice-success-icon-color: var(--yee-color-success);
+  --yee-notice-success-bg-color: var(--yee-color-success-bg);
+  --yee-notice-success-border-color: var(--yee-color-success-border);
+  --yee-notice-warning-icon-color: var(--yee-color-warning);
+  --yee-notice-warning-bg-color: var(--yee-color-warning-bg);
+  --yee-notice-warning-border-color: var(--yee-color-warning-border);
+  --yee-notice-error-icon-color: var(--yee-color-error);
+  --yee-notice-error-bg-color: var(--yee-color-error-bg);
+  --yee-notice-error-border-color: var(--yee-color-error-border);
   --yee-notice-description-color: rgba(0, 0, 0, 0.65);
   --yee-notice-close-color: rgba(0, 0, 0, 0.45);
   --yee-notice-close-hover-color: rgba(0, 0, 0, 0.75);
@@ -1136,17 +1100,17 @@
 
   /* --Progress-- */
 
-  --yee-progress-text-color: var(--yee-text-color);
+  --yee-progress-text-color: var(--yee-color-text);
   --yee-progress-not-bg-color: var(--yee-color-bg-fill);
-  --yee-progress-done-color: var(--yee-success-color);
-  --yee-progress-default-bg-color: var(--yee-info-color);
-  --yee-progress-info-color: var(--yee-info-color);
-  --yee-progress-success-color: var(--yee-success-color);
-  --yee-progress-warning-color: var(--yee-warning-color);
-  --yee-progress-error-color: var(--yee-error-color);
+  --yee-progress-done-color: var(--yee-color-success);
+  --yee-progress-default-bg-color: var(--yee-color-info);
+  --yee-progress-info-color: var(--yee-color-info);
+  --yee-progress-success-color: var(--yee-color-success);
+  --yee-progress-warning-color: var(--yee-color-warning);
+  --yee-progress-error-color: var(--yee-color-error);
   --yee-progress-circle-bg-color: transparent;
-  --yee-progress-circle-segment-progress-color: var(--yee-info-color);
-  --yee-progress-circle-segment-done-color: var(--yee-success-color);
+  --yee-progress-circle-segment-progress-color: var(--yee-color-info);
+  --yee-progress-circle-segment-done-color: var(--yee-color-success);
 
   /* --Skeleton-- */
 
@@ -1156,33 +1120,33 @@
 
   /* --Spin-- */
 
-  --yee-spin-default-color: var(--yee-primary-color);
-  --yee-spin-info-color: var(--yee-info-color);
-  --yee-spin-success-color: var(--yee-success-color);
-  --yee-spin-warning-color: var(--yee-warning-color);
-  --yee-spin-danger-color: var(--yee-error-color);
-  --yee-full-loading-color: var(--yee-primary-color);
+  --yee-spin-default-color: var(--yee-color-primary);
+  --yee-spin-info-color: var(--yee-color-info);
+  --yee-spin-success-color: var(--yee-color-success);
+  --yee-spin-warning-color: var(--yee-color-warning);
+  --yee-spin-danger-color: var(--yee-color-error);
+  --yee-full-loading-color: var(--yee-color-primary);
   --yee-full-loading-item-bg-color: transparent;
   --yee-full-loading-mask-bg-color: var(--yee-color-bg-mask-light);
 
   /* --Selector-- */
 
-  --yee-selector-border-color: var(--yee-border-color);
-  --yee-selector-hover-border-color: var(--yee-border-color-hover-focus);
-  --yee-selector-focus-border-color: var(--yee-primary-color);
+  --yee-selector-border-color: var(--yee-color-border);
+  --yee-selector-hover-border-color: var(--yee-color-border-hover-focus);
+  --yee-selector-focus-border-color: var(--yee-color-primary);
   --yee-selector-disabled-bg-color: var(--yee-input-disabled-bg-color);
 
   /* --Watermark-- */
 
-  --yee-watermark-color: var(--yee-text-color);
+  --yee-watermark-color: var(--yee-color-text);
 
   /* --Descriptions-- */
 
-  --yee-descriptions-color: var(--yee-text-color);
-  --yee-descriptions-title-color: var(--yee-text-color);
-  --yee-descriptions-extra-color: var(--yee-text-color);
-  --yee-descriptions-label-color: var(--yee-text-color-description);
-  --yee-descriptions-content-color: var(--yee-text-color);
+  --yee-descriptions-color: var(--yee-color-text);
+  --yee-descriptions-title-color: var(--yee-color-text);
+  --yee-descriptions-extra-color: var(--yee-color-text);
+  --yee-descriptions-label-color: var(--yee-color-text-description);
+  --yee-descriptions-content-color: var(--yee-color-text);
   --yee-descriptions-border-color: var(--yee-color-split);
   --yee-descriptions-bordered-label-bg: var(--yee-color-fill-quaternary);
 }