@arco-themes/vue-rcs-pro-web 0.0.1 → 0.0.3
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.
- package/README.md +10 -0
- package/css/arco.css +1 -1
- package/package.json +1 -1
- package/theme.css +8 -0
- package/theme.less +16 -0
- package/tokens.less +8 -0
- package/variables.less +8 -0
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -319,6 +319,8 @@ body {
|
|
|
319
319
|
--color-text-8: #666666;
|
|
320
320
|
--color-text-9: #333333;
|
|
321
321
|
--color-text-10: #323232;
|
|
322
|
+
--color-fill-5: rgba(0, 0, 0, 0.08);
|
|
323
|
+
--color-fill-6: #72cbff;
|
|
322
324
|
--color-border-5: #d4d4d4;
|
|
323
325
|
--color-border-6: #a1acbf;
|
|
324
326
|
--color-bg-6: #e5f0ff;
|
|
@@ -331,6 +333,8 @@ body {
|
|
|
331
333
|
--color-bg-13: #d8d8d8;
|
|
332
334
|
--color-bg-14: #fafcff;
|
|
333
335
|
--color-bg-15: #3475ff;
|
|
336
|
+
--color-bg-16: #3485d2;
|
|
337
|
+
--color-bg-17: rgba(0, 12, 40, 0.4);
|
|
334
338
|
}
|
|
335
339
|
body[arco-theme='dark'] {
|
|
336
340
|
--red-1: 77, 0, 10;
|
|
@@ -529,6 +533,8 @@ body[arco-theme='dark'] {
|
|
|
529
533
|
--color-text-8: #666666;
|
|
530
534
|
--color-text-9: #333333;
|
|
531
535
|
--color-text-10: #323232;
|
|
536
|
+
--color-fill-5: rgba(0, 0, 0, 0.08);
|
|
537
|
+
--color-fill-6: #72cbff;
|
|
532
538
|
--color-border-5: #d4d4d4;
|
|
533
539
|
--color-border-6: #a1acbf;
|
|
534
540
|
--color-bg-6: #e5f0ff;
|
|
@@ -541,5 +547,7 @@ body[arco-theme='dark'] {
|
|
|
541
547
|
--color-bg-13: #d8d8d8;
|
|
542
548
|
--color-bg-14: #fafcff;
|
|
543
549
|
--color-bg-15: #3475ff;
|
|
550
|
+
--color-bg-16: #2d80ce;
|
|
551
|
+
--color-bg-17: rgba(0, 12, 40, 0.4);
|
|
544
552
|
}
|
|
545
553
|
|
package/theme.less
CHANGED
|
@@ -842,6 +842,14 @@
|
|
|
842
842
|
@dark-color-border-6: #a1acbf;
|
|
843
843
|
@dark-color-bg-15: #3475ff;
|
|
844
844
|
@color-bg-15: #3475ff;
|
|
845
|
+
@color-bg-16: rgb(52, 133, 210);
|
|
846
|
+
@dark-color-bg-16: #2d80ce;
|
|
847
|
+
@color-fill-5: rgba(0, 0, 0, 0.08);
|
|
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;
|
|
845
853
|
|
|
846
854
|
|
|
847
855
|
@arco-theme-tag: body;
|
|
@@ -1274,6 +1282,8 @@
|
|
|
1274
1282
|
@{arco-cssvars-prefix}-color-text-8: @color-text-8;
|
|
1275
1283
|
@{arco-cssvars-prefix}-color-text-9: @color-text-9;
|
|
1276
1284
|
@{arco-cssvars-prefix}-color-text-10: @color-text-10;
|
|
1285
|
+
@{arco-cssvars-prefix}-color-fill-5: @color-fill-5;
|
|
1286
|
+
@{arco-cssvars-prefix}-color-fill-6: @color-fill-6;
|
|
1277
1287
|
@{arco-cssvars-prefix}-color-border-5: @color-border-5;
|
|
1278
1288
|
@{arco-cssvars-prefix}-color-border-6: @color-border-6;
|
|
1279
1289
|
@{arco-cssvars-prefix}-color-bg-6: @color-bg-6;
|
|
@@ -1286,6 +1296,8 @@
|
|
|
1286
1296
|
@{arco-cssvars-prefix}-color-bg-13: @color-bg-13;
|
|
1287
1297
|
@{arco-cssvars-prefix}-color-bg-14: @color-bg-14;
|
|
1288
1298
|
@{arco-cssvars-prefix}-color-bg-15: @color-bg-15;
|
|
1299
|
+
@{arco-cssvars-prefix}-color-bg-16: @color-bg-16;
|
|
1300
|
+
@{arco-cssvars-prefix}-color-bg-17: @color-bg-17;
|
|
1289
1301
|
|
|
1290
1302
|
}
|
|
1291
1303
|
|
|
@@ -1486,6 +1498,8 @@
|
|
|
1486
1498
|
@{arco-cssvars-prefix}-color-text-8: @dark-color-text-8;
|
|
1487
1499
|
@{arco-cssvars-prefix}-color-text-9: @dark-color-text-9;
|
|
1488
1500
|
@{arco-cssvars-prefix}-color-text-10: @dark-color-text-10;
|
|
1501
|
+
@{arco-cssvars-prefix}-color-fill-5: @dark-color-fill-5;
|
|
1502
|
+
@{arco-cssvars-prefix}-color-fill-6: @dark-color-fill-6;
|
|
1489
1503
|
@{arco-cssvars-prefix}-color-border-5: @dark-color-border-5;
|
|
1490
1504
|
@{arco-cssvars-prefix}-color-border-6: @dark-color-border-6;
|
|
1491
1505
|
@{arco-cssvars-prefix}-color-bg-6: @dark-color-bg-6;
|
|
@@ -1498,5 +1512,7 @@
|
|
|
1498
1512
|
@{arco-cssvars-prefix}-color-bg-13: @dark-color-bg-13;
|
|
1499
1513
|
@{arco-cssvars-prefix}-color-bg-14: @dark-color-bg-14;
|
|
1500
1514
|
@{arco-cssvars-prefix}-color-bg-15: @dark-color-bg-15;
|
|
1515
|
+
@{arco-cssvars-prefix}-color-bg-16: @dark-color-bg-16;
|
|
1516
|
+
@{arco-cssvars-prefix}-color-bg-17: @dark-color-bg-17;
|
|
1501
1517
|
|
|
1502
1518
|
}
|
package/tokens.less
CHANGED
|
@@ -480,6 +480,10 @@
|
|
|
480
480
|
@dark-color-bg-14: #fafcff;
|
|
481
481
|
@dark-color-border-6: #a1acbf;
|
|
482
482
|
@dark-color-bg-15: #3475ff;
|
|
483
|
+
@dark-color-bg-16: #2d80ce;
|
|
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;
|
|
483
487
|
|
|
484
488
|
|
|
485
489
|
/*********** primary ***********/
|
|
@@ -827,6 +831,10 @@
|
|
|
827
831
|
@color-bg-14: #fafcff;
|
|
828
832
|
@color-border-6: #a1acbf;
|
|
829
833
|
@color-bg-15: #3475ff;
|
|
834
|
+
@color-bg-16: #3485d2;
|
|
835
|
+
@color-fill-5: rgba(0, 0, 0, 0.08);
|
|
836
|
+
@color-bg-17: rgba(0, 12, 40, 0.4);
|
|
837
|
+
@color-fill-6: #72cbff;
|
|
830
838
|
@color-panel-border-color: var(~'@{arco-cssvars-prefix}-color-border-2');
|
|
831
839
|
@color-panel-preview-size: 40px;
|
|
832
840
|
@color-control-bar-handle-size: @size-4;
|
package/variables.less
CHANGED
|
@@ -836,3 +836,11 @@
|
|
|
836
836
|
@dark-color-border-6: #a1acbf;
|
|
837
837
|
@dark-color-bg-15: #3475ff;
|
|
838
838
|
@color-bg-15: #3475ff;
|
|
839
|
+
@color-bg-16: rgb(52, 133, 210);
|
|
840
|
+
@dark-color-bg-16: #2d80ce;
|
|
841
|
+
@color-fill-5: rgba(0, 0, 0, 0.08);
|
|
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;
|