@arco-themes/vue-rcs-pro-web 0.0.4 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arco-themes/vue-rcs-pro-web",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "",
   "author": "wkaoxiang0",
   "owners": [],

package/theme.css

@@ -322,6 +322,8 @@ body {
   --color-text-11: #3f4449;
   --color-text-12: #f53f3f;
   --color-text-13: #52c41a;
+  --color-text-14: #2b7dff;
+  --color-text-15: #999999;
   --color-fill-5: rgba(0, 0, 0, 0.08);
   --color-fill-6: #72cbff;
   --color-border-5: #d4d4d4;
@@ -344,6 +346,22 @@ body {
   --color-bg-19: #ffece8;
   --color-bg-20: #f0ffe8;
   --color-bg-21: #dfdfdf;
+  --color-bg-22: #52c41a;
+  --color-bg-23: #2b7dff;
+  --color-bg-24: #ff4d4f;
+  --color-bg-25: #f3f3f3;
+  --color-bg-26: rgba(224, 224, 224, 0.7);
+  --color-bg-27: rgba(241, 243, 246, 0.5);
+  --other-1: 255, 255, 255;
+  --other-2: 255, 255, 255;
+  --other-3: 255, 255, 255;
+  --other-4: 255, 255, 255;
+  --other-5: 255, 255, 255;
+  --other-6: 255, 255, 255;
+  --other-7: 255, 255, 255;
+  --other-8: 166, 83, 88;
+  --other-9: 121, 30, 39;
+  --other-10: 77, 0, 10;
 }
 body[arco-theme='dark'] {
   --red-1: 77, 0, 10;
@@ -545,6 +563,8 @@ body[arco-theme='dark'] {
   --color-text-11: #3f4449;
   --color-text-12: #f53f3f;
   --color-text-13: #52c41a;
+  --color-text-14: #2b7dff;
+  --color-text-15: #999999;
   --color-fill-5: rgba(0, 0, 0, 0.08);
   --color-fill-6: #72cbff;
   --color-border-5: #d4d4d4;
@@ -567,5 +587,21 @@ body[arco-theme='dark'] {
   --color-bg-19: #ffece8;
   --color-bg-20: #f0ffe8;
   --color-bg-21: #dfdfdf;
+  --color-bg-22: #52c41a;
+  --color-bg-23: #2b7dff;
+  --color-bg-24: #ff4d4f;
+  --color-bg-25: #f3f3f3;
+  --color-bg-26: rgba(224, 224, 224, 0.7);
+  --color-bg-27: rgba(241, 243, 246, 0.5);
+  --other-1: 77, 0, 10;
+  --other-2: 121, 24, 34;
+  --other-3: 166, 66, 72;
+  --other-4: 210, 126, 129;
+  --other-5: 255, 204, 204;
+  --other-6: 255, 255, 255;
+  --other-7: 255, 250, 250;
+  --other-8: 255, 245, 245;
+  --other-9: 255, 240, 240;
+  --other-10: 255, 235, 235;
 }
 

package/theme.less

@@ -868,6 +868,52 @@
 @dark-color-border-7: #898989;
 @color-border-8: #ff0000;
 @dark-color-border-8: #ff0000;
+@color-bg-22: #52c41a;
+@dark-color-bg-22: #52c41a;
+@color-bg-23: #2b7dff;
+@dark-color-bg-23: #2b7dff;
+@color-bg-24: #ff4d4f;
+@dark-color-bg-24: #ff4d4f;
+@color-bg-25: #f3f3f3;
+@dark-color-bg-25: #f3f3f3;
+@color-bg-26: rgba(224, 224, 224, 0.7);
+@dark-color-bg-26: rgba(224, 224, 224, 0.7);
+@color-bg-27: rgba(241, 243, 246, 0.5);
+@dark-color-bg-27: rgba(241, 243, 246, 0.5);
+@color-text-14: #2b7dff;
+@dark-color-text-14: #2b7dff;
+@color-text-15: #999999;
+@dark-color-text-15: #999999;
+@dark-other-1: rgb(77, 0, 10);
+@other-4: rgb(255, 255, 255);
+@other-1: rgb(255, 255, 255);
+@other-6: rgb(255, 255, 255);
+@other-7: rgb(255, 255, 255);
+@color-other-4: rgb(var(~'@{arco-cssvars-prefix}-other-4'));
+@color-other-9: rgb(var(~'@{arco-cssvars-prefix}-other-9'));
+@color-other-1: rgb(var(~'@{arco-cssvars-prefix}-other-1'));
+@dark-other-8: rgb(255, 245, 245);
+@dark-other-4: rgb(210, 126, 129);
+@dark-other-3: rgb(166, 66, 72);
+@other-2: rgb(255, 255, 255);
+@dark-other-9: rgb(255, 240, 240);
+@color-other-5: rgb(var(~'@{arco-cssvars-prefix}-other-5'));
+@color-other-3: rgb(var(~'@{arco-cssvars-prefix}-other-3'));
+@color-other-10: rgb(var(~'@{arco-cssvars-prefix}-other-10'));
+@other-8: rgb(166, 83, 88);
+@dark-other-2: rgb(121, 24, 34);
+@dark-other-6: rgb(255, 255, 255);
+@color-other-6: rgb(var(~'@{arco-cssvars-prefix}-other-6'));
+@dark-other-10: rgb(255, 235, 235);
+@color-other-2: rgb(var(~'@{arco-cssvars-prefix}-other-2'));
+@dark-other-5: rgb(255, 204, 204);
+@other-5: rgb(255, 255, 255);
+@color-other-8: rgb(var(~'@{arco-cssvars-prefix}-other-8'));
+@other-3: rgb(255, 255, 255);
+@color-other-7: rgb(var(~'@{arco-cssvars-prefix}-other-7'));
+@other-9: rgb(121, 30, 39);
+@other-10: rgb(77, 0, 10);
+@dark-other-7: rgb(255, 250, 250);
 
 
   @arco-theme-tag: body;
@@ -1303,6 +1349,8 @@
 @{arco-cssvars-prefix}-color-text-11: @color-text-11;
 @{arco-cssvars-prefix}-color-text-12: @color-text-12;
 @{arco-cssvars-prefix}-color-text-13: @color-text-13;
+@{arco-cssvars-prefix}-color-text-14: @color-text-14;
+@{arco-cssvars-prefix}-color-text-15: @color-text-15;
 @{arco-cssvars-prefix}-color-fill-5: @color-fill-5;
 @{arco-cssvars-prefix}-color-fill-6: @color-fill-6;
 @{arco-cssvars-prefix}-color-border-5: @color-border-5;
@@ -1325,6 +1373,22 @@
 @{arco-cssvars-prefix}-color-bg-19: @color-bg-19;
 @{arco-cssvars-prefix}-color-bg-20: @color-bg-20;
 @{arco-cssvars-prefix}-color-bg-21: @color-bg-21;
+@{arco-cssvars-prefix}-color-bg-22: @color-bg-22;
+@{arco-cssvars-prefix}-color-bg-23: @color-bg-23;
+@{arco-cssvars-prefix}-color-bg-24: @color-bg-24;
+@{arco-cssvars-prefix}-color-bg-25: @color-bg-25;
+@{arco-cssvars-prefix}-color-bg-26: @color-bg-26;
+@{arco-cssvars-prefix}-color-bg-27: @color-bg-27;
+@{arco-cssvars-prefix}-other-1: if(iscolor(@other-1), .getColorRgbStr(@other-1)[], replace(~'@{other-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-2: if(iscolor(@other-2), .getColorRgbStr(@other-2)[], replace(~'@{other-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-3: if(iscolor(@other-3), .getColorRgbStr(@other-3)[], replace(~'@{other-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-4: if(iscolor(@other-4), .getColorRgbStr(@other-4)[], replace(~'@{other-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-5: if(iscolor(@other-5), .getColorRgbStr(@other-5)[], replace(~'@{other-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-6: if(iscolor(@other-6), .getColorRgbStr(@other-6)[], replace(~'@{other-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-7: if(iscolor(@other-7), .getColorRgbStr(@other-7)[], replace(~'@{other-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-8: if(iscolor(@other-8), .getColorRgbStr(@other-8)[], replace(~'@{other-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-9: if(iscolor(@other-9), .getColorRgbStr(@other-9)[], replace(~'@{other-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-10: if(iscolor(@other-10), .getColorRgbStr(@other-10)[], replace(~'@{other-10}', 'rgb\((.*)\)$', '$1'));
 
   }
 
@@ -1528,6 +1592,8 @@
 @{arco-cssvars-prefix}-color-text-11: @dark-color-text-11;
 @{arco-cssvars-prefix}-color-text-12: @dark-color-text-12;
 @{arco-cssvars-prefix}-color-text-13: @dark-color-text-13;
+@{arco-cssvars-prefix}-color-text-14: @dark-color-text-14;
+@{arco-cssvars-prefix}-color-text-15: @dark-color-text-15;
 @{arco-cssvars-prefix}-color-fill-5: @dark-color-fill-5;
 @{arco-cssvars-prefix}-color-fill-6: @dark-color-fill-6;
 @{arco-cssvars-prefix}-color-border-5: @dark-color-border-5;
@@ -1550,5 +1616,21 @@
 @{arco-cssvars-prefix}-color-bg-19: @dark-color-bg-19;
 @{arco-cssvars-prefix}-color-bg-20: @dark-color-bg-20;
 @{arco-cssvars-prefix}-color-bg-21: @dark-color-bg-21;
+@{arco-cssvars-prefix}-color-bg-22: @dark-color-bg-22;
+@{arco-cssvars-prefix}-color-bg-23: @dark-color-bg-23;
+@{arco-cssvars-prefix}-color-bg-24: @dark-color-bg-24;
+@{arco-cssvars-prefix}-color-bg-25: @dark-color-bg-25;
+@{arco-cssvars-prefix}-color-bg-26: @dark-color-bg-26;
+@{arco-cssvars-prefix}-color-bg-27: @dark-color-bg-27;
+@{arco-cssvars-prefix}-other-1: if(iscolor(@dark-other-1), .getColorRgbStr(@dark-other-1)[], replace(~'@{dark-other-1}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-2: if(iscolor(@dark-other-2), .getColorRgbStr(@dark-other-2)[], replace(~'@{dark-other-2}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-3: if(iscolor(@dark-other-3), .getColorRgbStr(@dark-other-3)[], replace(~'@{dark-other-3}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-4: if(iscolor(@dark-other-4), .getColorRgbStr(@dark-other-4)[], replace(~'@{dark-other-4}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-5: if(iscolor(@dark-other-5), .getColorRgbStr(@dark-other-5)[], replace(~'@{dark-other-5}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-6: if(iscolor(@dark-other-6), .getColorRgbStr(@dark-other-6)[], replace(~'@{dark-other-6}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-7: if(iscolor(@dark-other-7), .getColorRgbStr(@dark-other-7)[], replace(~'@{dark-other-7}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-8: if(iscolor(@dark-other-8), .getColorRgbStr(@dark-other-8)[], replace(~'@{dark-other-8}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-9: if(iscolor(@dark-other-9), .getColorRgbStr(@dark-other-9)[], replace(~'@{dark-other-9}', 'rgb\((.*)\)$', '$1'));
+@{arco-cssvars-prefix}-other-10: if(iscolor(@dark-other-10), .getColorRgbStr(@dark-other-10)[], replace(~'@{dark-other-10}', 'rgb\((.*)\)$', '$1'));
 
   }

package/tokens.less

@@ -493,6 +493,24 @@
 @dark-color-text-13: #52c41a;
 @dark-color-border-7: #898989;
 @dark-color-border-8: #ff0000;
+@dark-color-bg-22: #52c41a;
+@dark-color-bg-23: #2b7dff;
+@dark-color-bg-24: #ff4d4f;
+@dark-color-bg-25: #f3f3f3;
+@dark-color-bg-26: rgba(224, 224, 224, 0.7);
+@dark-color-bg-27: rgba(241, 243, 246, 0.5);
+@dark-color-text-14: #2b7dff;
+@dark-color-text-15: #999999;
+@dark-other-1: #4d000a;
+@dark-other-8: #fff5f5;
+@dark-other-4: #d27e81;
+@dark-other-3: #a64248;
+@dark-other-9: #fff0f0;
+@dark-other-2: #791822;
+@dark-other-6: #ffffff;
+@dark-other-10: #ffebeb;
+@dark-other-5: #ffcccc;
+@dark-other-7: #fffafa;
 
 
 /*********** primary ***********/
@@ -853,6 +871,24 @@
 @color-text-13: #52c41a;
 @color-border-7: #898989;
 @color-border-8: #ff0000;
+@color-bg-22: #52c41a;
+@color-bg-23: #2b7dff;
+@color-bg-24: #ff4d4f;
+@color-bg-25: #f3f3f3;
+@color-bg-26: rgba(224, 224, 224, 0.7);
+@color-bg-27: rgba(241, 243, 246, 0.5);
+@color-text-14: #2b7dff;
+@color-text-15: #999999;
+@color-other-4: rgb(var(--other-4));
+@color-other-9: rgb(var(--other-9));
+@color-other-1: rgb(var(--other-1));
+@color-other-5: rgb(var(--other-5));
+@color-other-3: rgb(var(--other-3));
+@color-other-10: rgb(var(--other-10));
+@color-other-6: rgb(var(--other-6));
+@color-other-2: rgb(var(--other-2));
+@color-other-8: rgb(var(--other-8));
+@color-other-7: rgb(var(--other-7));
 @color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
 @color-panel-preview-size: 40px;
 @color-control-bar-handle-size: @size-4;
@@ -3984,3 +4020,17 @@
 /*********** watermark ***********/
 
 @watermark-prefix-cls: ~'@{prefix}-watermark';
+
+
+/*********** other ***********/
+
+@other-4: #ffffff;
+@other-1: #ffffff;
+@other-6: #ffffff;
+@other-7: #ffffff;
+@other-2: #ffffff;
+@other-8: #a65358;
+@other-5: #ffffff;
+@other-3: #ffffff;
+@other-9: #791e27;
+@other-10: #4d000a;

package/variables.less

@@ -862,3 +862,49 @@
 @dark-color-border-7: #898989;
 @color-border-8: #ff0000;
 @dark-color-border-8: #ff0000;
+@color-bg-22: #52c41a;
+@dark-color-bg-22: #52c41a;
+@color-bg-23: #2b7dff;
+@dark-color-bg-23: #2b7dff;
+@color-bg-24: #ff4d4f;
+@dark-color-bg-24: #ff4d4f;
+@color-bg-25: #f3f3f3;
+@dark-color-bg-25: #f3f3f3;
+@color-bg-26: rgba(224, 224, 224, 0.7);
+@dark-color-bg-26: rgba(224, 224, 224, 0.7);
+@color-bg-27: rgba(241, 243, 246, 0.5);
+@dark-color-bg-27: rgba(241, 243, 246, 0.5);
+@color-text-14: #2b7dff;
+@dark-color-text-14: #2b7dff;
+@color-text-15: #999999;
+@dark-color-text-15: #999999;
+@dark-other-1: rgb(77, 0, 10);
+@other-4: rgb(255, 255, 255);
+@other-1: rgb(255, 255, 255);
+@other-6: rgb(255, 255, 255);
+@other-7: rgb(255, 255, 255);
+@color-other-4: rgb(var(~'@{arco-cssvars-prefix}-other-4'));
+@color-other-9: rgb(var(~'@{arco-cssvars-prefix}-other-9'));
+@color-other-1: rgb(var(~'@{arco-cssvars-prefix}-other-1'));
+@dark-other-8: rgb(255, 245, 245);
+@dark-other-4: rgb(210, 126, 129);
+@dark-other-3: rgb(166, 66, 72);
+@other-2: rgb(255, 255, 255);
+@dark-other-9: rgb(255, 240, 240);
+@color-other-5: rgb(var(~'@{arco-cssvars-prefix}-other-5'));
+@color-other-3: rgb(var(~'@{arco-cssvars-prefix}-other-3'));
+@color-other-10: rgb(var(~'@{arco-cssvars-prefix}-other-10'));
+@other-8: rgb(166, 83, 88);
+@dark-other-2: rgb(121, 24, 34);
+@dark-other-6: rgb(255, 255, 255);
+@color-other-6: rgb(var(~'@{arco-cssvars-prefix}-other-6'));
+@dark-other-10: rgb(255, 235, 235);
+@color-other-2: rgb(var(~'@{arco-cssvars-prefix}-other-2'));
+@dark-other-5: rgb(255, 204, 204);
+@other-5: rgb(255, 255, 255);
+@color-other-8: rgb(var(~'@{arco-cssvars-prefix}-other-8'));
+@other-3: rgb(255, 255, 255);
+@color-other-7: rgb(var(~'@{arco-cssvars-prefix}-other-7'));
+@other-9: rgb(121, 30, 39);
+@other-10: rgb(77, 0, 10);
+@dark-other-7: rgb(255, 250, 250);