@arco-themes/vue-rcs-pro-web 0.0.3 → 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 +5 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +18 -0
  5. package/theme.less +36 -0
  6. package/tokens.less +18 -0
  7. package/variables.less +18 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rcs-pro-web",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "description": "",
5
5
  "author": "wkaoxiang0",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -319,10 +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);
323
326
  --color-fill-6: #72cbff;
324
327
  --color-border-5: #d4d4d4;
325
328
  --color-border-6: #a1acbf;
329
+ --color-border-7: #898989;
330
+ --color-border-8: #ff0000;
326
331
  --color-bg-6: #e5f0ff;
327
332
  --color-bg-7: #f3f8ff;
328
333
  --color-bg-8: #f5f8fd;
@@ -335,6 +340,10 @@ body {
335
340
  --color-bg-15: #3475ff;
336
341
  --color-bg-16: #3485d2;
337
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;
338
347
  }
339
348
  body[arco-theme='dark'] {
340
349
  --red-1: 77, 0, 10;
@@ -533,10 +542,15 @@ body[arco-theme='dark'] {
533
542
  --color-text-8: #666666;
534
543
  --color-text-9: #333333;
535
544
  --color-text-10: #323232;
545
+ --color-text-11: #3f4449;
546
+ --color-text-12: #f53f3f;
547
+ --color-text-13: #52c41a;
536
548
  --color-fill-5: rgba(0, 0, 0, 0.08);
537
549
  --color-fill-6: #72cbff;
538
550
  --color-border-5: #d4d4d4;
539
551
  --color-border-6: #a1acbf;
552
+ --color-border-7: #898989;
553
+ --color-border-8: #ff0000;
540
554
  --color-bg-6: #e5f0ff;
541
555
  --color-bg-7: #f3f8ff;
542
556
  --color-bg-8: #f5f8fd;
@@ -549,5 +563,9 @@ body[arco-theme='dark'] {
549
563
  --color-bg-15: #3475ff;
550
564
  --color-bg-16: #2d80ce;
551
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;
552
570
  }
553
571
 
package/theme.less CHANGED
@@ -850,6 +850,24 @@
850
850
  @color-bg-17: rgba(0, 12, 40, 0.4);
851
851
  @color-fill-6: #72cbff;
852
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;
853
871
 
854
872
 
855
873
  @arco-theme-tag: body;
@@ -1282,10 +1300,15 @@
1282
1300
  @{arco-cssvars-prefix}-color-text-8: @color-text-8;
1283
1301
  @{arco-cssvars-prefix}-color-text-9: @color-text-9;
1284
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;
1285
1306
  @{arco-cssvars-prefix}-color-fill-5: @color-fill-5;
1286
1307
  @{arco-cssvars-prefix}-color-fill-6: @color-fill-6;
1287
1308
  @{arco-cssvars-prefix}-color-border-5: @color-border-5;
1288
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;
1289
1312
  @{arco-cssvars-prefix}-color-bg-6: @color-bg-6;
1290
1313
  @{arco-cssvars-prefix}-color-bg-7: @color-bg-7;
1291
1314
  @{arco-cssvars-prefix}-color-bg-8: @color-bg-8;
@@ -1298,6 +1321,10 @@
1298
1321
  @{arco-cssvars-prefix}-color-bg-15: @color-bg-15;
1299
1322
  @{arco-cssvars-prefix}-color-bg-16: @color-bg-16;
1300
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;
1301
1328
 
1302
1329
  }
1303
1330
 
@@ -1498,10 +1525,15 @@
1498
1525
  @{arco-cssvars-prefix}-color-text-8: @dark-color-text-8;
1499
1526
  @{arco-cssvars-prefix}-color-text-9: @dark-color-text-9;
1500
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;
1501
1531
  @{arco-cssvars-prefix}-color-fill-5: @dark-color-fill-5;
1502
1532
  @{arco-cssvars-prefix}-color-fill-6: @dark-color-fill-6;
1503
1533
  @{arco-cssvars-prefix}-color-border-5: @dark-color-border-5;
1504
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;
1505
1537
  @{arco-cssvars-prefix}-color-bg-6: @dark-color-bg-6;
1506
1538
  @{arco-cssvars-prefix}-color-bg-7: @dark-color-bg-7;
1507
1539
  @{arco-cssvars-prefix}-color-bg-8: @dark-color-bg-8;
@@ -1514,5 +1546,9 @@
1514
1546
  @{arco-cssvars-prefix}-color-bg-15: @dark-color-bg-15;
1515
1547
  @{arco-cssvars-prefix}-color-bg-16: @dark-color-bg-16;
1516
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;
1517
1553
 
1518
1554
  }
package/tokens.less CHANGED
@@ -484,6 +484,15 @@
484
484
  @dark-color-fill-5: rgba(0, 0, 0, 0.08);
485
485
  @dark-color-bg-17: rgba(0, 12, 40, 0.4);
486
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;
487
496
 
488
497
 
489
498
  /*********** primary ***********/
@@ -835,6 +844,15 @@
835
844
  @color-fill-5: rgba(0, 0, 0, 0.08);
836
845
  @color-bg-17: rgba(0, 12, 40, 0.4);
837
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;
838
856
  @color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
839
857
  @color-panel-preview-size: 40px;
840
858
  @color-control-bar-handle-size: @size-4;
package/variables.less CHANGED
@@ -844,3 +844,21 @@
844
844
  @color-bg-17: rgba(0, 12, 40, 0.4);
845
845
  @color-fill-6: #72cbff;
846
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;