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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +10 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +22 -0
  5. package/theme.less +44 -0
  6. package/tokens.less +22 -0
  7. package/variables.less +22 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rcs-pro-web",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "",
5
5
  "author": "wkaoxiang0",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -319,9 +319,15 @@ body {
319
319
  --color-text-8: #666666;
320
320
  --color-text-9: #333333;
321
321
  --color-text-10: #323232;
322
+ --color-text-11: #3f4449;
323
+ --color-text-12: #f53f3f;
324
+ --color-text-13: #52c41a;
322
325
  --color-fill-5: rgba(0, 0, 0, 0.08);
326
+ --color-fill-6: #72cbff;
323
327
  --color-border-5: #d4d4d4;
324
328
  --color-border-6: #a1acbf;
329
+ --color-border-7: #898989;
330
+ --color-border-8: #ff0000;
325
331
  --color-bg-6: #e5f0ff;
326
332
  --color-bg-7: #f3f8ff;
327
333
  --color-bg-8: #f5f8fd;
@@ -333,6 +339,11 @@ body {
333
339
  --color-bg-14: #fafcff;
334
340
  --color-bg-15: #3475ff;
335
341
  --color-bg-16: #3485d2;
342
+ --color-bg-17: rgba(0, 12, 40, 0.4);
343
+ --color-bg-18: #d4d4d4;
344
+ --color-bg-19: #ffece8;
345
+ --color-bg-20: #f0ffe8;
346
+ --color-bg-21: #dfdfdf;
336
347
  }
337
348
  body[arco-theme='dark'] {
338
349
  --red-1: 77, 0, 10;
@@ -531,9 +542,15 @@ body[arco-theme='dark'] {
531
542
  --color-text-8: #666666;
532
543
  --color-text-9: #333333;
533
544
  --color-text-10: #323232;
545
+ --color-text-11: #3f4449;
546
+ --color-text-12: #f53f3f;
547
+ --color-text-13: #52c41a;
534
548
  --color-fill-5: rgba(0, 0, 0, 0.08);
549
+ --color-fill-6: #72cbff;
535
550
  --color-border-5: #d4d4d4;
536
551
  --color-border-6: #a1acbf;
552
+ --color-border-7: #898989;
553
+ --color-border-8: #ff0000;
537
554
  --color-bg-6: #e5f0ff;
538
555
  --color-bg-7: #f3f8ff;
539
556
  --color-bg-8: #f5f8fd;
@@ -545,5 +562,10 @@ body[arco-theme='dark'] {
545
562
  --color-bg-14: #fafcff;
546
563
  --color-bg-15: #3475ff;
547
564
  --color-bg-16: #2d80ce;
565
+ --color-bg-17: rgba(0, 12, 40, 0.4);
566
+ --color-bg-18: #d4d4d4;
567
+ --color-bg-19: #ffece8;
568
+ --color-bg-20: #f0ffe8;
569
+ --color-bg-21: #dfdfdf;
548
570
  }
549
571
 
package/theme.less CHANGED
@@ -846,6 +846,28 @@
846
846
  @dark-color-bg-16: #2d80ce;
847
847
  @color-fill-5: rgba(0, 0, 0, 0.08);
848
848
  @dark-color-fill-5: rgba(0, 0, 0, 0.08);
849
+ @dark-color-bg-17: rgba(0, 12, 40, 0.4);
850
+ @color-bg-17: rgba(0, 12, 40, 0.4);
851
+ @color-fill-6: #72cbff;
852
+ @dark-color-fill-6: #72cbff;
853
+ @dark-color-bg-18: #d4d4d4;
854
+ @color-bg-18: #d4d4d4;
855
+ @color-bg-19: #ffece8;
856
+ @dark-color-bg-19: #ffece8;
857
+ @dark-color-bg-20: #f0ffe8;
858
+ @color-bg-20: #f0ffe8;
859
+ @dark-color-bg-21: #dfdfdf;
860
+ @color-bg-21: #dfdfdf;
861
+ @color-text-11: #3f4449;
862
+ @dark-color-text-11: #3f4449;
863
+ @color-text-12: #f53f3f;
864
+ @dark-color-text-12: #f53f3f;
865
+ @dark-color-text-13: #52c41a;
866
+ @color-text-13: #52c41a;
867
+ @color-border-7: #898989;
868
+ @dark-color-border-7: #898989;
869
+ @color-border-8: #ff0000;
870
+ @dark-color-border-8: #ff0000;
849
871
 
850
872
 
851
873
  @arco-theme-tag: body;
@@ -1278,9 +1300,15 @@
1278
1300
  @{arco-cssvars-prefix}-color-text-8: @color-text-8;
1279
1301
  @{arco-cssvars-prefix}-color-text-9: @color-text-9;
1280
1302
  @{arco-cssvars-prefix}-color-text-10: @color-text-10;
1303
+ @{arco-cssvars-prefix}-color-text-11: @color-text-11;
1304
+ @{arco-cssvars-prefix}-color-text-12: @color-text-12;
1305
+ @{arco-cssvars-prefix}-color-text-13: @color-text-13;
1281
1306
  @{arco-cssvars-prefix}-color-fill-5: @color-fill-5;
1307
+ @{arco-cssvars-prefix}-color-fill-6: @color-fill-6;
1282
1308
  @{arco-cssvars-prefix}-color-border-5: @color-border-5;
1283
1309
  @{arco-cssvars-prefix}-color-border-6: @color-border-6;
1310
+ @{arco-cssvars-prefix}-color-border-7: @color-border-7;
1311
+ @{arco-cssvars-prefix}-color-border-8: @color-border-8;
1284
1312
  @{arco-cssvars-prefix}-color-bg-6: @color-bg-6;
1285
1313
  @{arco-cssvars-prefix}-color-bg-7: @color-bg-7;
1286
1314
  @{arco-cssvars-prefix}-color-bg-8: @color-bg-8;
@@ -1292,6 +1320,11 @@
1292
1320
  @{arco-cssvars-prefix}-color-bg-14: @color-bg-14;
1293
1321
  @{arco-cssvars-prefix}-color-bg-15: @color-bg-15;
1294
1322
  @{arco-cssvars-prefix}-color-bg-16: @color-bg-16;
1323
+ @{arco-cssvars-prefix}-color-bg-17: @color-bg-17;
1324
+ @{arco-cssvars-prefix}-color-bg-18: @color-bg-18;
1325
+ @{arco-cssvars-prefix}-color-bg-19: @color-bg-19;
1326
+ @{arco-cssvars-prefix}-color-bg-20: @color-bg-20;
1327
+ @{arco-cssvars-prefix}-color-bg-21: @color-bg-21;
1295
1328
 
1296
1329
  }
1297
1330
 
@@ -1492,9 +1525,15 @@
1492
1525
  @{arco-cssvars-prefix}-color-text-8: @dark-color-text-8;
1493
1526
  @{arco-cssvars-prefix}-color-text-9: @dark-color-text-9;
1494
1527
  @{arco-cssvars-prefix}-color-text-10: @dark-color-text-10;
1528
+ @{arco-cssvars-prefix}-color-text-11: @dark-color-text-11;
1529
+ @{arco-cssvars-prefix}-color-text-12: @dark-color-text-12;
1530
+ @{arco-cssvars-prefix}-color-text-13: @dark-color-text-13;
1495
1531
  @{arco-cssvars-prefix}-color-fill-5: @dark-color-fill-5;
1532
+ @{arco-cssvars-prefix}-color-fill-6: @dark-color-fill-6;
1496
1533
  @{arco-cssvars-prefix}-color-border-5: @dark-color-border-5;
1497
1534
  @{arco-cssvars-prefix}-color-border-6: @dark-color-border-6;
1535
+ @{arco-cssvars-prefix}-color-border-7: @dark-color-border-7;
1536
+ @{arco-cssvars-prefix}-color-border-8: @dark-color-border-8;
1498
1537
  @{arco-cssvars-prefix}-color-bg-6: @dark-color-bg-6;
1499
1538
  @{arco-cssvars-prefix}-color-bg-7: @dark-color-bg-7;
1500
1539
  @{arco-cssvars-prefix}-color-bg-8: @dark-color-bg-8;
@@ -1506,5 +1545,10 @@
1506
1545
  @{arco-cssvars-prefix}-color-bg-14: @dark-color-bg-14;
1507
1546
  @{arco-cssvars-prefix}-color-bg-15: @dark-color-bg-15;
1508
1547
  @{arco-cssvars-prefix}-color-bg-16: @dark-color-bg-16;
1548
+ @{arco-cssvars-prefix}-color-bg-17: @dark-color-bg-17;
1549
+ @{arco-cssvars-prefix}-color-bg-18: @dark-color-bg-18;
1550
+ @{arco-cssvars-prefix}-color-bg-19: @dark-color-bg-19;
1551
+ @{arco-cssvars-prefix}-color-bg-20: @dark-color-bg-20;
1552
+ @{arco-cssvars-prefix}-color-bg-21: @dark-color-bg-21;
1509
1553
 
1510
1554
  }
package/tokens.less CHANGED
@@ -482,6 +482,17 @@
482
482
  @dark-color-bg-15: #3475ff;
483
483
  @dark-color-bg-16: #2d80ce;
484
484
  @dark-color-fill-5: rgba(0, 0, 0, 0.08);
485
+ @dark-color-bg-17: rgba(0, 12, 40, 0.4);
486
+ @dark-color-fill-6: #72cbff;
487
+ @dark-color-bg-18: #d4d4d4;
488
+ @dark-color-bg-19: #ffece8;
489
+ @dark-color-bg-20: #f0ffe8;
490
+ @dark-color-bg-21: #dfdfdf;
491
+ @dark-color-text-11: #3f4449;
492
+ @dark-color-text-12: #f53f3f;
493
+ @dark-color-text-13: #52c41a;
494
+ @dark-color-border-7: #898989;
495
+ @dark-color-border-8: #ff0000;
485
496
 
486
497
 
487
498
  /*********** primary ***********/
@@ -831,6 +842,17 @@
831
842
  @color-bg-15: #3475ff;
832
843
  @color-bg-16: #3485d2;
833
844
  @color-fill-5: rgba(0, 0, 0, 0.08);
845
+ @color-bg-17: rgba(0, 12, 40, 0.4);
846
+ @color-fill-6: #72cbff;
847
+ @color-bg-18: #d4d4d4;
848
+ @color-bg-19: #ffece8;
849
+ @color-bg-20: #f0ffe8;
850
+ @color-bg-21: #dfdfdf;
851
+ @color-text-11: #3f4449;
852
+ @color-text-12: #f53f3f;
853
+ @color-text-13: #52c41a;
854
+ @color-border-7: #898989;
855
+ @color-border-8: #ff0000;
834
856
  @color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
835
857
  @color-panel-preview-size: 40px;
836
858
  @color-control-bar-handle-size: @size-4;
package/variables.less CHANGED
@@ -840,3 +840,25 @@
840
840
  @dark-color-bg-16: #2d80ce;
841
841
  @color-fill-5: rgba(0, 0, 0, 0.08);
842
842
  @dark-color-fill-5: rgba(0, 0, 0, 0.08);
843
+ @dark-color-bg-17: rgba(0, 12, 40, 0.4);
844
+ @color-bg-17: rgba(0, 12, 40, 0.4);
845
+ @color-fill-6: #72cbff;
846
+ @dark-color-fill-6: #72cbff;
847
+ @dark-color-bg-18: #d4d4d4;
848
+ @color-bg-18: #d4d4d4;
849
+ @color-bg-19: #ffece8;
850
+ @dark-color-bg-19: #ffece8;
851
+ @dark-color-bg-20: #f0ffe8;
852
+ @color-bg-20: #f0ffe8;
853
+ @dark-color-bg-21: #dfdfdf;
854
+ @color-bg-21: #dfdfdf;
855
+ @color-text-11: #3f4449;
856
+ @dark-color-text-11: #3f4449;
857
+ @color-text-12: #f53f3f;
858
+ @dark-color-text-12: #f53f3f;
859
+ @dark-color-text-13: #52c41a;
860
+ @color-text-13: #52c41a;
861
+ @color-border-7: #898989;
862
+ @dark-color-border-7: #898989;
863
+ @color-border-8: #ff0000;
864
+ @dark-color-border-8: #ff0000;