@arco-themes/vue-attack1112233 0.0.2 → 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 +25 -0
- package/css/arco.css +1 -1
- package/package.json +1 -1
- package/theme.css +7 -5
- package/theme.less +9 -5
- package/tokens.less +51 -49
- package/variables.less +52 -5
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -8,7 +8,7 @@ body {
|
|
|
8
8
|
--color-bg-popup: var(--color-bg-5);
|
|
9
9
|
--color-bg-1: #fff;
|
|
10
10
|
--color-bg-2: #f0f4f9;
|
|
11
|
-
--color-bg-3: #
|
|
11
|
+
--color-bg-3: #ffffff;
|
|
12
12
|
--color-bg-4: #f7f9fb;
|
|
13
13
|
--color-bg-5: #fff;
|
|
14
14
|
--color-bg-white: #fff;
|
|
@@ -263,7 +263,7 @@ body {
|
|
|
263
263
|
--gray-8: 78, 89, 105;
|
|
264
264
|
--gray-9: 39, 46, 59;
|
|
265
265
|
--gray-10: 29, 33, 41;
|
|
266
|
-
--primary-1:
|
|
266
|
+
--primary-1: 242, 248, 254;
|
|
267
267
|
--primary-2: 132, 175, 225;
|
|
268
268
|
--primary-3: 104, 151, 217;
|
|
269
269
|
--primary-4: 73, 130, 208;
|
|
@@ -273,7 +273,7 @@ body {
|
|
|
273
273
|
--primary-8: var(--arcoblue-8);
|
|
274
274
|
--primary-9: var(--arcoblue-9);
|
|
275
275
|
--primary-10: var(--arcoblue-10);
|
|
276
|
-
--link-1:
|
|
276
|
+
--link-1: 218, 232, 251;
|
|
277
277
|
--link-2: 133, 180, 246;
|
|
278
278
|
--link-3: 91, 148, 225;
|
|
279
279
|
--link-4: 67, 127, 207;
|
|
@@ -283,7 +283,7 @@ body {
|
|
|
283
283
|
--link-8: var(--arcoblue-8);
|
|
284
284
|
--link-9: var(--arcoblue-9);
|
|
285
285
|
--link-10: var(--arcoblue-10);
|
|
286
|
-
--success-1:
|
|
286
|
+
--success-1: 213, 248, 237;
|
|
287
287
|
--success-2: 88, 234, 178;
|
|
288
288
|
--success-3: 74, 228, 170;
|
|
289
289
|
--success-4: 55, 220, 171;
|
|
@@ -293,7 +293,7 @@ body {
|
|
|
293
293
|
--success-8: var(--green-8);
|
|
294
294
|
--success-9: var(--green-9);
|
|
295
295
|
--success-10: var(--green-10);
|
|
296
|
-
--danger-1:
|
|
296
|
+
--danger-1: 255, 246, 244;
|
|
297
297
|
--danger-2: var(--red-2);
|
|
298
298
|
--danger-3: var(--red-3);
|
|
299
299
|
--danger-4: var(--red-4);
|
|
@@ -316,6 +316,7 @@ body {
|
|
|
316
316
|
--color-text-5: #7888a8;
|
|
317
317
|
--color-text-6: #97a5bf;
|
|
318
318
|
--color-text-7: #b6c4d4;
|
|
319
|
+
--color-bg-6: #f4f7fb;
|
|
319
320
|
}
|
|
320
321
|
body[arco-theme='dark'] {
|
|
321
322
|
--red-1: 77, 0, 10;
|
|
@@ -511,5 +512,6 @@ body[arco-theme='dark'] {
|
|
|
511
512
|
--color-text-5: #3e4d6a;
|
|
512
513
|
--color-text-6: #485773;
|
|
513
514
|
--color-text-7: #22364c;
|
|
515
|
+
--color-bg-6: #283861;
|
|
514
516
|
}
|
|
515
517
|
|
package/theme.less
CHANGED
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
@dark-orange-5: #FF8D1F;
|
|
415
415
|
@dark-blue-8: #A1D5FD;
|
|
416
416
|
@dark-orangered-10: #FFF4EB;
|
|
417
|
-
@primary-1: rgb(
|
|
417
|
+
@primary-1: rgb(242, 248, 254);
|
|
418
418
|
@dark-red-8: #FBB0A7;
|
|
419
419
|
@success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
|
|
420
420
|
@primary-4: rgb(73, 130, 208);
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
@success-4: rgb(55, 220, 171);
|
|
458
458
|
@dark-cyan-7: #66DFD7;
|
|
459
459
|
@success-2: rgb(88, 234, 178);
|
|
460
|
-
@success-1: rgb(
|
|
460
|
+
@success-1: rgb(213, 248, 237);
|
|
461
461
|
@success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
|
|
462
462
|
@dark-cyan-1: #00424D;
|
|
463
463
|
@dark-gray-2: #2e2e30;
|
|
@@ -474,7 +474,7 @@
|
|
|
474
474
|
@warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
|
|
475
475
|
@dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
|
|
476
476
|
@dark-lime-5: #A8DB39;
|
|
477
|
-
@danger-1: rgb(
|
|
477
|
+
@danger-1: rgb(255, 246, 244);
|
|
478
478
|
@dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
|
|
479
479
|
@dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
|
|
480
480
|
@dark-blue-5: #469AFA;
|
|
@@ -570,7 +570,7 @@
|
|
|
570
570
|
@dark-arcoblue-2: #041B79;
|
|
571
571
|
@danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
|
|
572
572
|
@link-7: rgb(20, 77, 154);
|
|
573
|
-
@link-1: rgb(
|
|
573
|
+
@link-1: rgb(218, 232, 251);
|
|
574
574
|
@dark-blue-7: #7DC1FC;
|
|
575
575
|
@dark-orangered-6: #F9925A;
|
|
576
576
|
@danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
|
|
@@ -617,7 +617,7 @@
|
|
|
617
617
|
@dark-color-fill-2: rgba(255, 255, 255, 0.08);
|
|
618
618
|
@dark-color-border-3: @dark-gray-4;
|
|
619
619
|
@dark-color-fill-3: rgba(255, 255, 255, 0.12);
|
|
620
|
-
@color-bg-3: rgb(
|
|
620
|
+
@color-bg-3: rgb(255, 255, 255);
|
|
621
621
|
@dark-color-bg-2: #232324;
|
|
622
622
|
@dark-color-bg-4: #313132;
|
|
623
623
|
@dark-color-bg-5: #373739;
|
|
@@ -812,6 +812,8 @@
|
|
|
812
812
|
@dark-color-text-6: #485773;
|
|
813
813
|
@color-text-7: #b6c4d4;
|
|
814
814
|
@dark-color-text-7: #22364c;
|
|
815
|
+
@color-bg-6: #f4f7fb;
|
|
816
|
+
@dark-color-bg-6: #283861;
|
|
815
817
|
|
|
816
818
|
|
|
817
819
|
@arco-theme-tag: body;
|
|
@@ -1241,6 +1243,7 @@
|
|
|
1241
1243
|
@{arco-cssvars-prefix}-color-text-5: @color-text-5;
|
|
1242
1244
|
@{arco-cssvars-prefix}-color-text-6: @color-text-6;
|
|
1243
1245
|
@{arco-cssvars-prefix}-color-text-7: @color-text-7;
|
|
1246
|
+
@{arco-cssvars-prefix}-color-bg-6: @color-bg-6;
|
|
1244
1247
|
|
|
1245
1248
|
}
|
|
1246
1249
|
|
|
@@ -1438,5 +1441,6 @@
|
|
|
1438
1441
|
@{arco-cssvars-prefix}-color-text-5: @dark-color-text-5;
|
|
1439
1442
|
@{arco-cssvars-prefix}-color-text-6: @dark-color-text-6;
|
|
1440
1443
|
@{arco-cssvars-prefix}-color-text-7: @dark-color-text-7;
|
|
1444
|
+
@{arco-cssvars-prefix}-color-bg-6: @dark-color-bg-6;
|
|
1441
1445
|
|
|
1442
1446
|
}
|
package/tokens.less
CHANGED
|
@@ -465,11 +465,12 @@
|
|
|
465
465
|
@dark-color-text-5: #3e4d6a;
|
|
466
466
|
@dark-color-text-6: #485773;
|
|
467
467
|
@dark-color-text-7: #22364c;
|
|
468
|
+
@dark-color-bg-6: #283861;
|
|
468
469
|
|
|
469
470
|
|
|
470
471
|
/*********** primary ***********/
|
|
471
472
|
|
|
472
|
-
@primary-1: #
|
|
473
|
+
@primary-1: #f2f8fe;
|
|
473
474
|
@primary-2: #84afe1;
|
|
474
475
|
@primary-3: #6897d9;
|
|
475
476
|
@primary-4: #4982d0;
|
|
@@ -483,7 +484,7 @@
|
|
|
483
484
|
|
|
484
485
|
/*********** success ***********/
|
|
485
486
|
|
|
486
|
-
@success-1: #
|
|
487
|
+
@success-1: #d5f8ed;
|
|
487
488
|
@success-2: #58eab2;
|
|
488
489
|
@success-3: #4ae4aa;
|
|
489
490
|
@success-4: #37dcab;
|
|
@@ -497,7 +498,7 @@
|
|
|
497
498
|
|
|
498
499
|
/*********** danger ***********/
|
|
499
500
|
|
|
500
|
-
@danger-1:
|
|
501
|
+
@danger-1: #fff6f4;
|
|
501
502
|
@danger-2: rgb(var(--red-2));
|
|
502
503
|
@danger-3: rgb(var(--red-3));
|
|
503
504
|
@danger-4: rgb(var(--red-4));
|
|
@@ -525,7 +526,7 @@
|
|
|
525
526
|
|
|
526
527
|
/*********** link ***********/
|
|
527
528
|
|
|
528
|
-
@link-1: #
|
|
529
|
+
@link-1: #dae8fb;
|
|
529
530
|
@link-2: #85b4f6;
|
|
530
531
|
@link-3: #5b94e1;
|
|
531
532
|
@link-4: #437fcf;
|
|
@@ -753,7 +754,7 @@
|
|
|
753
754
|
@color-bg-popup: var(--color-bg-5);
|
|
754
755
|
@color-bg-1: #ffffff;
|
|
755
756
|
@color-bg-2: #f0f4f9;
|
|
756
|
-
@color-bg-3: #
|
|
757
|
+
@color-bg-3: #ffffff;
|
|
757
758
|
@color-bg-4: #f7f9fb;
|
|
758
759
|
@color-bg-5: #ffffff;
|
|
759
760
|
@color-bg-white: #ffffff;
|
|
@@ -842,6 +843,7 @@
|
|
|
842
843
|
@color-text-5: #7888a8;
|
|
843
844
|
@color-text-6: #97a5bf;
|
|
844
845
|
@color-text-7: #b6c4d4;
|
|
846
|
+
@color-bg-6: #f4f7fb;
|
|
845
847
|
@color-value-size-default-font-size: @font-size-body-3;
|
|
846
848
|
@color-input-size-large-padding-horizontal: 5px;
|
|
847
849
|
@color-input-size-default-padding-horizontal: @spacing-2;
|
|
@@ -1047,7 +1049,7 @@
|
|
|
1047
1049
|
@input-size-shadow_focus: 0;
|
|
1048
1050
|
@input-color-addon-border_default: transparent;
|
|
1049
1051
|
@input-color-text: var(--color-text-1);
|
|
1050
|
-
@input-color-placeholder-text:
|
|
1052
|
+
@input-color-placeholder-text: #b6c4d4;
|
|
1051
1053
|
@input-color-text_disabled: var(--color-text-4);
|
|
1052
1054
|
@input-color-bg_error: var(--color-danger-light-1);
|
|
1053
1055
|
@input-color-bg_error_hover: var(--color-danger-light-2);
|
|
@@ -1055,7 +1057,7 @@
|
|
|
1055
1057
|
@input-color-border_error_focus: rgb(var(--danger-6));
|
|
1056
1058
|
@input-color-shadow_error_focus: var(--color-danger-light-2);
|
|
1057
1059
|
@input-size-shadow_error_focus: 0;
|
|
1058
|
-
@input-border-radius:
|
|
1060
|
+
@input-border-radius: 2px;
|
|
1059
1061
|
@input-size-default-height: 32px;
|
|
1060
1062
|
@input-size-mini-height: 24px;
|
|
1061
1063
|
@input-size-small-height: 28px;
|
|
@@ -1080,8 +1082,8 @@
|
|
|
1080
1082
|
@input-size-default-icon-addon-size: 14px;
|
|
1081
1083
|
@input-size-large-icon-addon-size: 14px;
|
|
1082
1084
|
@input-size-icon-clear: 12px;
|
|
1083
|
-
@input-color-prefix-text:
|
|
1084
|
-
@input-color-suffix-text:
|
|
1085
|
+
@input-color-prefix-text: #222e4a;
|
|
1086
|
+
@input-color-suffix-text: #7888a8;
|
|
1085
1087
|
@input-color-tip-text: var(--color-text-3);
|
|
1086
1088
|
@input-color-icon-clear: var(--color-text-2);
|
|
1087
1089
|
@input-color-icon-clear-bg_hover: var(--color-fill-4);
|
|
@@ -1162,7 +1164,7 @@
|
|
|
1162
1164
|
@input-tag-size-medium-tag-height: 24px;
|
|
1163
1165
|
@input-tag-size-medium-font-size: 14px;
|
|
1164
1166
|
@input-number-border-radius: var(--border-radius-small);
|
|
1165
|
-
@input-number-step-layer-border-radius:
|
|
1167
|
+
@input-number-step-layer-border-radius: 2px;
|
|
1166
1168
|
@input-number-size-mini-step-button-width: 24px;
|
|
1167
1169
|
@input-number-size-small-step-button-width: 28px;
|
|
1168
1170
|
@input-number-size-default-step-button-width: 32px;
|
|
@@ -1179,7 +1181,7 @@
|
|
|
1179
1181
|
@input-prefix-cls: ~'@{prefix}-input';
|
|
1180
1182
|
@input-number-prefix-cls: ~'@{prefix}-input-number';
|
|
1181
1183
|
@input-tag-prefix-cls: ~'@{prefix}-input-tag';
|
|
1182
|
-
@input-color-addon-text:
|
|
1184
|
+
@input-color-addon-text: #222e4a;
|
|
1183
1185
|
@input-size-mini-padding-horizontal: @spacing-4;
|
|
1184
1186
|
@input-size-small-padding-horizontal: @spacing-6;
|
|
1185
1187
|
@input-size-large-padding-horizontal: @spacing-7;
|
|
@@ -1323,10 +1325,10 @@
|
|
|
1323
1325
|
@tag-color-bg-not-checked_hover: var(--color-fill-2);
|
|
1324
1326
|
@tag-custom-color-text: var(--color-white);
|
|
1325
1327
|
@tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);
|
|
1326
|
-
@tag-default-color-bg: var(--color-
|
|
1328
|
+
@tag-default-color-bg: var(--color-neutral-2);
|
|
1327
1329
|
@tag-default-color-bg_hover: var(--color-fill-3);
|
|
1328
|
-
@tag-default-color-icon:
|
|
1329
|
-
@tag-default-color-text:
|
|
1330
|
+
@tag-default-color-icon: #2f4464;
|
|
1331
|
+
@tag-default-color-text: #222e4a;
|
|
1330
1332
|
@tag-default-color-border: transparent;
|
|
1331
1333
|
@tag-default-bordered-color-border: var(--color-border-2);
|
|
1332
1334
|
@tag-default-color-border_hover: transparent;
|
|
@@ -1453,18 +1455,18 @@
|
|
|
1453
1455
|
@select-popup-padding-vertical: 4px;
|
|
1454
1456
|
@select-popup-font-size: 14px;
|
|
1455
1457
|
@select-popup-color-bg: var(--color-bg-popup);
|
|
1456
|
-
@select-popup-color-border: var(--color-
|
|
1458
|
+
@select-popup-color-border: var(--color-neutral-2);
|
|
1457
1459
|
@select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
|
|
1458
1460
|
@select-popup-option-height: 36px;
|
|
1459
1461
|
@select-popup-option-font-weight_selected: 500;
|
|
1460
1462
|
@select-signal-popup-option-padding-horizontal: 12px;
|
|
1461
1463
|
@select-multi-popup-option-padding-horizontal: 4px;
|
|
1462
1464
|
@select-popup-option-color-bg_default: var(--color-bg-popup);
|
|
1463
|
-
@select-popup-option-color-bg_hover: var(--
|
|
1465
|
+
@select-popup-option-color-bg_hover: rgb(var(--primary-1));
|
|
1464
1466
|
@select-popup-option-color-bg_selected: var(--color-bg-popup);
|
|
1465
1467
|
@select-popup-option-color-bg_disabled: var(--color-bg-popup);
|
|
1466
1468
|
@select-popup-option-color-text_default: var(--color-text-1);
|
|
1467
|
-
@select-popup-option-color-text_hover: var(--
|
|
1469
|
+
@select-popup-option-color-text_hover: rgb(var(--primary-7));
|
|
1468
1470
|
@select-popup-option-color-text_selected: var(--color-text-1);
|
|
1469
1471
|
@select-popup-option-color-text_disabled: var(--color-text-4);
|
|
1470
1472
|
@select-popup-option-color-highlight-text: var(--color-text-1);
|
|
@@ -1474,6 +1476,7 @@
|
|
|
1474
1476
|
@select-popup-group-title-padding-top: 8px;
|
|
1475
1477
|
@select-popup-group-title-font-size: 12px;
|
|
1476
1478
|
@select-popup-group-title-color-text: var(--color-text-3);
|
|
1479
|
+
@select-color-text_default: #222e4a;
|
|
1477
1480
|
@select-size-mini-height: @size-mini;
|
|
1478
1481
|
@select-size-small-height: @size-small;
|
|
1479
1482
|
@select-size-default-height: @size-default;
|
|
@@ -1488,7 +1491,6 @@
|
|
|
1488
1491
|
@select-signal-size-large-padding: @spacing-7;
|
|
1489
1492
|
@select-multi-padding: @spacing-2;
|
|
1490
1493
|
@select-border-radius: @radius-small;
|
|
1491
|
-
@select-color-text_default: var(--color-text-1);
|
|
1492
1494
|
@select-color-text_disabled: var(--color-text-4);
|
|
1493
1495
|
@select-color-text_focused: var(--color-text-1);
|
|
1494
1496
|
@select-color-placeholder_default: var(--color-text-3);
|
|
@@ -1592,7 +1594,7 @@
|
|
|
1592
1594
|
@anchor-line-width: 2px;
|
|
1593
1595
|
@anchor-line-slider-height: 12px;
|
|
1594
1596
|
@anchor-line-margin-right: 12px;
|
|
1595
|
-
@anchor-color-bg-line:
|
|
1597
|
+
@anchor-color-bg-line: #ebf0f8;
|
|
1596
1598
|
@anchor-color-bg-line_active: rgb(var(--primary-6));
|
|
1597
1599
|
@anchor-border-radius-title-hover: var(--border-radius-small);
|
|
1598
1600
|
@anchor-item-inner-margin-left: 16px;
|
|
@@ -2273,7 +2275,7 @@
|
|
|
2273
2275
|
@timepicker-column-height: 224px;
|
|
2274
2276
|
@timepicker-cell-height: 24px;
|
|
2275
2277
|
@timepicker-cell-spacing: 4px;
|
|
2276
|
-
@timepicker-color-border:
|
|
2278
|
+
@timepicker-color-border: #ebf0f8;
|
|
2277
2279
|
@timepicker-color-text-cell: var(--color-text-1);
|
|
2278
2280
|
@timepicker-color-bg-cell_hover: var(--color-fill-2);
|
|
2279
2281
|
@timepicker-color-bg-cell_active: var(--color-fill-2);
|
|
@@ -2344,7 +2346,7 @@
|
|
|
2344
2346
|
@descriptions-font-weight-title: 500;
|
|
2345
2347
|
@descriptions-font-weight-text-label: 500;
|
|
2346
2348
|
@descriptions-font-weight-text-value: 400;
|
|
2347
|
-
@descriptions-border-color-bg-label:
|
|
2349
|
+
@descriptions-border-color-bg-label: #f7f9fb;
|
|
2348
2350
|
@descriptions-item-size-mini-spacing-bottom: 2px;
|
|
2349
2351
|
@descriptions-item-size-small-spacing-bottom: 4px;
|
|
2350
2352
|
@descriptions-item-size-medium-spacing-bottom: 8px;
|
|
@@ -2389,7 +2391,7 @@
|
|
|
2389
2391
|
@drawer-padding-footer-vertical: 16px;
|
|
2390
2392
|
@drawer-padding-content-vertical: 12px;
|
|
2391
2393
|
@drawer-font-header-weight: 500;
|
|
2392
|
-
@drawer-color-border:
|
|
2394
|
+
@drawer-color-border: transparent;
|
|
2393
2395
|
@drawer-color-header-text: var(--color-text-1);
|
|
2394
2396
|
@drawer-color-content-text: var(--color-text-1);
|
|
2395
2397
|
@drawer-position-close-icon-right: 16px;
|
|
@@ -2400,11 +2402,11 @@
|
|
|
2400
2402
|
/*********** empty ***********/
|
|
2401
2403
|
|
|
2402
2404
|
@empty-spacing-padding: 10px;
|
|
2403
|
-
@empty-color-text:
|
|
2405
|
+
@empty-color-text: #97a5bf;
|
|
2404
2406
|
@empty-font-size-image: 48px;
|
|
2405
2407
|
@empty-spacing-image-margin-bottom: 4px;
|
|
2406
2408
|
@empty-size-img-height: 80px;
|
|
2407
|
-
@empty-color-icon:
|
|
2409
|
+
@empty-color-icon: #97a5bf;
|
|
2408
2410
|
@empty-font-size-text: 14px;
|
|
2409
2411
|
@empty-prefix-cls: ~'@{prefix}-empty';
|
|
2410
2412
|
|
|
@@ -2427,8 +2429,8 @@
|
|
|
2427
2429
|
@form-inline-margin-item-right: 24px;
|
|
2428
2430
|
@form-inline-margin-item-bottom: 8px;
|
|
2429
2431
|
@form-vertical-margin-label-bottom: 8px;
|
|
2430
|
-
@form-color-extra-text:
|
|
2431
|
-
@form-color-text-label:
|
|
2432
|
+
@form-color-extra-text: #2f4464;
|
|
2433
|
+
@form-color-text-label: #2f4464;
|
|
2432
2434
|
@form-margin-tooltip-left: 4px;
|
|
2433
2435
|
@form-color-text-tooltip: var(--color-text-4);
|
|
2434
2436
|
@form-color-bg_warning: var(--color-warning-light-1);
|
|
@@ -2752,7 +2754,7 @@
|
|
|
2752
2754
|
@message-padding-left: 16px;
|
|
2753
2755
|
@message-padding-right: 16px;
|
|
2754
2756
|
@message-margin-bottom: 16px;
|
|
2755
|
-
@message-border-radius:
|
|
2757
|
+
@message-border-radius: 2px;
|
|
2756
2758
|
@message-font-size-icon: 20px;
|
|
2757
2759
|
@message-font-size-content: 14px;
|
|
2758
2760
|
@message-icon-margin-right: 8px;
|
|
@@ -2765,7 +2767,7 @@
|
|
|
2765
2767
|
@message-normal-color-bg: var(--color-bg-popup);
|
|
2766
2768
|
@message-normal-color-icon: var(--color-text-1);
|
|
2767
2769
|
@message-normal-color-content: var(--color-text-1);
|
|
2768
|
-
@message-normal-color-border:
|
|
2770
|
+
@message-normal-color-border: #ebf0f8;
|
|
2769
2771
|
@message-info-color-bg: var(--color-bg-popup);
|
|
2770
2772
|
@message-info-color-icon: rgb(var(--primary-6));
|
|
2771
2773
|
@message-info-color-content: var(--color-text-1);
|
|
@@ -2798,11 +2800,11 @@
|
|
|
2798
2800
|
@modal-margin-top: 100px;
|
|
2799
2801
|
@modal-margin-tip-icon-right: 10px;
|
|
2800
2802
|
@modal-margin-footer-button-left: 12px;
|
|
2801
|
-
@modal-color-border:
|
|
2802
|
-
@modal-color-header-text:
|
|
2803
|
-
@modal-color-content-text:
|
|
2803
|
+
@modal-color-border: transparent;
|
|
2804
|
+
@modal-color-header-text: #222e4a;
|
|
2805
|
+
@modal-color-content-text: #4c6483;
|
|
2804
2806
|
@modal-font-header-size: 16px;
|
|
2805
|
-
@modal-default-padding-horizontal:
|
|
2807
|
+
@modal-default-padding-horizontal: 24px;
|
|
2806
2808
|
@modal-default-size-header-height: 48px;
|
|
2807
2809
|
@modal-default-padding-content-vertical: 24px;
|
|
2808
2810
|
@modal-default-padding-footer-vertical: 16px;
|
|
@@ -3020,8 +3022,8 @@
|
|
|
3020
3022
|
@progress-line-color-icon_error: rgb(var(--danger-6));
|
|
3021
3023
|
@progress-line-margin-text-left: 16px;
|
|
3022
3024
|
@progress-line-margin-icon-left: 4px;
|
|
3023
|
-
@progress-line-color-text:
|
|
3024
|
-
@progress-line-color-icon_normal:
|
|
3025
|
+
@progress-line-color-text: #4c6483;
|
|
3026
|
+
@progress-line-color-icon_normal: #97a5bf;
|
|
3025
3027
|
@progress-line-size-text-width: 32px;
|
|
3026
3028
|
@progress-line-size-default-icon-size: 12px;
|
|
3027
3029
|
@progress-line-size-small-icon-size: 12px;
|
|
@@ -3141,17 +3143,17 @@
|
|
|
3141
3143
|
/*********** result ***********/
|
|
3142
3144
|
|
|
3143
3145
|
@result-padding-top: 24px;
|
|
3144
|
-
@result-padding-top_icon:
|
|
3146
|
+
@result-padding-top_icon: 40px;
|
|
3145
3147
|
@result-padding-bottom: 24px;
|
|
3146
3148
|
@result-padding-horizontal: 32px;
|
|
3147
3149
|
@result-margin-icon-bottom: 16px;
|
|
3148
|
-
@result-margin-extra-top:
|
|
3150
|
+
@result-margin-extra-top: 24px;
|
|
3149
3151
|
@result-margin-content-top: 20px;
|
|
3150
3152
|
@result-font-title-size: 14px;
|
|
3151
3153
|
@result-font-title-weight: 500;
|
|
3152
3154
|
@result-font-subtitle-size: 14px;
|
|
3153
|
-
@result-color-title-text:
|
|
3154
|
-
@result-color-subtitle-text:
|
|
3155
|
+
@result-color-title-text: #222e4a;
|
|
3156
|
+
@result-color-subtitle-text: #4c6483;
|
|
3155
3157
|
@result-size-icon: 20px;
|
|
3156
3158
|
@result-size-icon-wrapper: 45px;
|
|
3157
3159
|
@result-size-image-width: 92px;
|
|
@@ -3424,7 +3426,7 @@
|
|
|
3424
3426
|
@switch-line-color-dot-shadow: var(--color-neutral-6);
|
|
3425
3427
|
@switch-color-bg_on: rgb(var(--primary-6));
|
|
3426
3428
|
@switch-color-bg_off: var(--color-fill-4);
|
|
3427
|
-
@switch-color-bg_on_disabled: var(--
|
|
3429
|
+
@switch-color-bg_on_disabled: rgb(var(--primary-2));
|
|
3428
3430
|
@switch-color-bg_off_disabled: var(--color-fill-2);
|
|
3429
3431
|
@switch-color-bg_on_loading: var(--color-primary-light-3);
|
|
3430
3432
|
@switch-color-bg_off_loading: var(--color-fill-2);
|
|
@@ -3472,10 +3474,10 @@
|
|
|
3472
3474
|
@table-spacing-expand-button-margin-right: 4px;
|
|
3473
3475
|
@table-font-size-expand-button: 12px;
|
|
3474
3476
|
@table-border-radius-expand-button: 2px;
|
|
3475
|
-
@table-color-border:
|
|
3477
|
+
@table-color-border: #ebf0f8;
|
|
3476
3478
|
@table-border-radius: var(--border-radius-medium);
|
|
3477
|
-
@table-color-text-header-cell:
|
|
3478
|
-
@table-color-bg-header-cell:
|
|
3479
|
+
@table-color-text-header-cell: #222e4a;
|
|
3480
|
+
@table-color-bg-header-cell: #f7f9fb;
|
|
3479
3481
|
@table-color-bg-header-sorted-cell: var(--color-neutral-3);
|
|
3480
3482
|
@table-color-bg-header-sorted-cell_hover: rgba(var(--gray-4), 0.5);
|
|
3481
3483
|
@table-color-header-filters-icon: var(--color-text-2);
|
|
@@ -3484,7 +3486,7 @@
|
|
|
3484
3486
|
@table-font-size-filters-icon: 16px;
|
|
3485
3487
|
@table-size-filters-width: 24px;
|
|
3486
3488
|
@table-font-weight-header-text: 500;
|
|
3487
|
-
@table-color-text-body-cell:
|
|
3489
|
+
@table-color-text-body-cell: #4c6483;
|
|
3488
3490
|
@table-color-bg-body-cell: #ffffff;
|
|
3489
3491
|
@table-color-bg-body-sorted-cell: var(--color-fill-1);
|
|
3490
3492
|
@table-color-bg-body-stripe-row: var(--color-fill-1);
|
|
@@ -3581,13 +3583,13 @@
|
|
|
3581
3583
|
@tabs-size-default-header-height_text: 32px;
|
|
3582
3584
|
@tabs-padding-title-text-vertical: 1px;
|
|
3583
3585
|
@tabs-padding-title-text-horizontal: 8px;
|
|
3584
|
-
@tabs-color-title-text:
|
|
3586
|
+
@tabs-color-title-text: #4c6483;
|
|
3585
3587
|
@tabs-color-title-text_active: rgb(var(--primary-6));
|
|
3586
|
-
@tabs-color-title-text_hover:
|
|
3588
|
+
@tabs-color-title-text_hover: #4c6483;
|
|
3587
3589
|
@tabs-color-title-text_disabled: var(--color-text-4);
|
|
3588
3590
|
@tabs-color-title-text_disabled_active: var(--color-primary-light-3);
|
|
3589
3591
|
@tabs-line-size-header-border: 1px;
|
|
3590
|
-
@tabs-line-color-header-border:
|
|
3592
|
+
@tabs-line-color-header-border: #ebf0f8;
|
|
3591
3593
|
@tabs-line-size-ink-stroke: 2px;
|
|
3592
3594
|
@tabs-line-color-ink-bg: rgb(var(--primary-6));
|
|
3593
3595
|
@tabs-line-color-ink-bg_disabled: var(--color-primary-light-3);
|
|
@@ -3710,7 +3712,7 @@
|
|
|
3710
3712
|
@transfer-height-title: 40px;
|
|
3711
3713
|
@transfer-height-footer: 40px;
|
|
3712
3714
|
@transfer-padding-horizontal-footer: 8px;
|
|
3713
|
-
@transfer-border-color:
|
|
3715
|
+
@transfer-border-color: #ebf0f8;
|
|
3714
3716
|
@transfer-border-width: 1px;
|
|
3715
3717
|
@transfer-border-radius: var(--border-radius-small);
|
|
3716
3718
|
@transfer-font-size-header: 14px;
|
|
@@ -3757,8 +3759,8 @@
|
|
|
3757
3759
|
@tree-color-title-text: var(--color-text-1);
|
|
3758
3760
|
@tree-color-title-text_hover: var(--color-text-1);
|
|
3759
3761
|
@tree-color-title-text_active: rgb(var(--primary-6));
|
|
3760
|
-
@tree-color-title-text_disabled:
|
|
3761
|
-
@tree-color-title-text_active_disabled: var(--
|
|
3762
|
+
@tree-color-title-text_disabled: #97a5bf;
|
|
3763
|
+
@tree-color-title-text_active_disabled: rgb(var(--primary-7));
|
|
3762
3764
|
@tree-color-title-bg_hover: var(--color-fill-2);
|
|
3763
3765
|
@tree-color-title-bg_highlight: var(--color-primary-light-1);
|
|
3764
3766
|
@tree-color-title-text_highlight: var(--color-text-1);
|
package/variables.less
CHANGED
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
@dark-orange-5: #FF8D1F;
|
|
409
409
|
@dark-blue-8: #A1D5FD;
|
|
410
410
|
@dark-orangered-10: #FFF4EB;
|
|
411
|
-
@primary-1: rgb(
|
|
411
|
+
@primary-1: rgb(242, 248, 254);
|
|
412
412
|
@dark-red-8: #FBB0A7;
|
|
413
413
|
@success-9: rgb(var(~'@{arco-cssvars-prefix}-green-9'));
|
|
414
414
|
@primary-4: rgb(73, 130, 208);
|
|
@@ -451,7 +451,7 @@
|
|
|
451
451
|
@success-4: rgb(55, 220, 171);
|
|
452
452
|
@dark-cyan-7: #66DFD7;
|
|
453
453
|
@success-2: rgb(88, 234, 178);
|
|
454
|
-
@success-1: rgb(
|
|
454
|
+
@success-1: rgb(213, 248, 237);
|
|
455
455
|
@success-8: rgb(var(~'@{arco-cssvars-prefix}-green-8'));
|
|
456
456
|
@dark-cyan-1: #00424D;
|
|
457
457
|
@dark-gray-2: #2e2e30;
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
@warning-4: rgb(var(~'@{arco-cssvars-prefix}-orange-4'));
|
|
469
469
|
@dark-success-2: rgb(var(~'@{arco-cssvars-prefix}-green-2'));
|
|
470
470
|
@dark-lime-5: #A8DB39;
|
|
471
|
-
@danger-1: rgb(
|
|
471
|
+
@danger-1: rgb(255, 246, 244);
|
|
472
472
|
@dark-primary-7: rgb(var(~'@{arco-cssvars-prefix}-arcoblue-7'));
|
|
473
473
|
@dark-success-5: rgb(var(~'@{arco-cssvars-prefix}-green-5'));
|
|
474
474
|
@dark-blue-5: #469AFA;
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
@dark-arcoblue-2: #041B79;
|
|
565
565
|
@danger-4: rgb(var(~'@{arco-cssvars-prefix}-red-4'));
|
|
566
566
|
@link-7: rgb(20, 77, 154);
|
|
567
|
-
@link-1: rgb(
|
|
567
|
+
@link-1: rgb(218, 232, 251);
|
|
568
568
|
@dark-blue-7: #7DC1FC;
|
|
569
569
|
@dark-orangered-6: #F9925A;
|
|
570
570
|
@danger-8: rgb(var(~'@{arco-cssvars-prefix}-red-8'));
|
|
@@ -611,7 +611,7 @@
|
|
|
611
611
|
@dark-color-fill-2: rgba(255, 255, 255, 0.08);
|
|
612
612
|
@dark-color-border-3: @dark-gray-4;
|
|
613
613
|
@dark-color-fill-3: rgba(255, 255, 255, 0.12);
|
|
614
|
-
@color-bg-3: rgb(
|
|
614
|
+
@color-bg-3: rgb(255, 255, 255);
|
|
615
615
|
@dark-color-bg-2: #232324;
|
|
616
616
|
@dark-color-bg-4: #313132;
|
|
617
617
|
@dark-color-bg-5: #373739;
|
|
@@ -809,3 +809,50 @@
|
|
|
809
809
|
@table-color-bg-body-cell: @color-bg-1;
|
|
810
810
|
@input-color-bg: @color-bg-4;
|
|
811
811
|
@input-color-bg_error_focus: @color-danger-1;
|
|
812
|
+
@descriptions-border-color-bg-label: @color-bg-4;
|
|
813
|
+
@empty-color-text: @color-text-6;
|
|
814
|
+
@empty-color-icon: @color-text-6;
|
|
815
|
+
@table-color-bg-header-cell: @color-bg-4;
|
|
816
|
+
@table-color-text-header-cell: @color-text-2;
|
|
817
|
+
@table-color-text-body-cell: @color-text-4;
|
|
818
|
+
@table-color-border: @color-border-1;
|
|
819
|
+
@tabs-color-title-text: @color-text-4;
|
|
820
|
+
@tabs-line-color-header-border: @color-border-1;
|
|
821
|
+
@tag-default-color-text: @color-text-2;
|
|
822
|
+
@tag-default-color-icon: @color-text-3;
|
|
823
|
+
@tag-default-color-bg: @color-fill-2;
|
|
824
|
+
@tree-color-title-text_active_disabled: @color-primary-7;
|
|
825
|
+
@tree-color-title-text_disabled: @color-text-6;
|
|
826
|
+
@form-color-text-label: @color-text-3;
|
|
827
|
+
@form-color-extra-text: @color-text-3;
|
|
828
|
+
@input-color-placeholder-text: @color-text-7;
|
|
829
|
+
@input-color-addon-text: @color-text-2;
|
|
830
|
+
@input-color-prefix-text: @color-text-2;
|
|
831
|
+
@input-color-suffix-text: @color-text-5;
|
|
832
|
+
@input-number-step-layer-border-radius: @border-radius-small;
|
|
833
|
+
@input-border-radius: @border-radius-small;
|
|
834
|
+
@select-color-text_default: @color-text-2;
|
|
835
|
+
@select-popup-option-color-text_hover: @color-primary-7;
|
|
836
|
+
@select-popup-option-color-bg_hover: @color-primary-1;
|
|
837
|
+
@select-popup-color-border: @color-fill-2;
|
|
838
|
+
@switch-color-bg_on_disabled: @color-primary-2;
|
|
839
|
+
@transfer-border-color: @color-border-1;
|
|
840
|
+
@timepicker-color-border: @color-border-1;
|
|
841
|
+
@color-bg-6: #f4f7fb;
|
|
842
|
+
@dark-color-bg-6: #283861;
|
|
843
|
+
@drawer-color-border: @color-transparent;
|
|
844
|
+
@message-normal-color-border: @color-border-1;
|
|
845
|
+
@message-border-radius: @border-radius-small;
|
|
846
|
+
@modal-color-border: @color-transparent;
|
|
847
|
+
@modal-color-content-text: @color-text-4;
|
|
848
|
+
@modal-default-padding-horizontal: @spacing-9;
|
|
849
|
+
@modal-color-header-text: @color-text-2;
|
|
850
|
+
@progress-line-color-text: @color-text-4;
|
|
851
|
+
@progress-line-color-icon_normal: @color-text-6;
|
|
852
|
+
@progress-circle-color-path-stroke_success: @color-success-6;
|
|
853
|
+
@result-padding-top_icon: @spacing-12;
|
|
854
|
+
@result-margin-extra-top: @spacing-9;
|
|
855
|
+
@result-margin-content-top: @spacing-8;
|
|
856
|
+
@result-color-title-text: @color-text-2;
|
|
857
|
+
@result-color-subtitle-text: @color-text-4;
|
|
858
|
+
@anchor-color-bg-line: @color-border-1;
|