@arco-themes/vue-rb-node-saas-web 0.0.7 → 0.0.9

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 +26 -0
  2. package/css/arco.css +1 -1
  3. package/package.json +1 -1
  4. package/theme.css +3 -1
  5. package/theme.less +5 -1
  6. package/tokens.less +52 -50
  7. package/variables.less +52 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arco-themes/vue-rb-node-saas-web",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "description": "",
5
5
  "author": "k5v1n",
6
6
  "owners": [],
package/theme.css CHANGED
@@ -26,7 +26,7 @@ body {
26
26
  --color-text-2: #4e5969;
27
27
  --color-text-3: #86909c;
28
28
  --color-text-4: var(--color-neutral-4);
29
- --color-fill-1: var(--color-neutral-1);
29
+ --color-fill-1: #f8f9fb;
30
30
  --color-fill-2: #f1f2f8;
31
31
  --color-fill-3: var(--color-neutral-3);
32
32
  --color-fill-4: var(--color-neutral-4);
@@ -315,6 +315,7 @@ body {
315
315
  --warning-10: 77, 25, 0;
316
316
  --color-fill-table-td: #f8f9fb;
317
317
  --color-fill-table-th: #f0f2f7;
318
+ --color-fill-capsule: #e9ecee;
318
319
  }
319
320
  body[arco-theme='dark'] {
320
321
  --red-1: 77, 0, 10;
@@ -509,5 +510,6 @@ body[arco-theme='dark'] {
509
510
  --warning-10: 255, 247, 232;
510
511
  --color-fill-table-td: #f8f9fb;
511
512
  --color-fill-table-th: #f0f2f7;
513
+ --color-fill-capsule: #e9ecee;
512
514
  }
513
515
 
package/theme.less CHANGED
@@ -610,7 +610,7 @@
610
610
  @color-bg-1: #ffffff;
611
611
  @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
612
612
  @dark-color-border-2: @dark-gray-3;
613
- @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
613
+ @color-fill-1: rgb(248, 249, 251);
614
614
  @dark-color-border-4: @dark-gray-6;
615
615
  @dark-color-fill-1: rgba(255, 255, 255, 0.04);
616
616
  @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
@@ -810,6 +810,8 @@
810
810
  @dark-color-fill-table-td: #f8f9fb;
811
811
  @dark-color-fill-table-th: #f0f2f7;
812
812
  @color-fill-table-th: #f0f2f7;
813
+ @color-fill-capsule: #e9ecee;
814
+ @dark-color-fill-capsule: #e9ecee;
813
815
 
814
816
 
815
817
  @arco-theme-tag: body;
@@ -1238,6 +1240,7 @@
1238
1240
 
1239
1241
  @{arco-cssvars-prefix}-color-fill-table-td: @color-fill-table-td;
1240
1242
  @{arco-cssvars-prefix}-color-fill-table-th: @color-fill-table-th;
1243
+ @{arco-cssvars-prefix}-color-fill-capsule: @color-fill-capsule;
1241
1244
 
1242
1245
  }
1243
1246
 
@@ -1434,5 +1437,6 @@
1434
1437
  @{arco-cssvars-prefix}-warning-10: if(iscolor(@dark-warning-10), .getColorRgbStr(@dark-warning-10)[], replace(~'@{dark-warning-10}', 'rgb\((.*)\)$', '$1'));
1435
1438
  @{arco-cssvars-prefix}-color-fill-table-td: @dark-color-fill-table-td;
1436
1439
  @{arco-cssvars-prefix}-color-fill-table-th: @dark-color-fill-table-th;
1440
+ @{arco-cssvars-prefix}-color-fill-capsule: @dark-color-fill-capsule;
1437
1441
 
1438
1442
  }
package/tokens.less CHANGED
@@ -464,6 +464,7 @@
464
464
  @dark-color-border-3: #5f5f60;
465
465
  @dark-color-fill-table-td: #f8f9fb;
466
466
  @dark-color-fill-table-th: #f0f2f7;
467
+ @dark-color-fill-capsule: #e9ecee;
467
468
 
468
469
 
469
470
  /*********** primary ***********/
@@ -760,7 +761,7 @@
760
761
  @color-text-2: #4e5969;
761
762
  @color-text-3: #86909c;
762
763
  @color-text-4: var(--color-neutral-4);
763
- @color-fill-1: var(--color-neutral-1);
764
+ @color-fill-1: #f8f9fb;
764
765
  @color-fill-2: #f1f2f8;
765
766
  @color-fill-3: var(--color-neutral-3);
766
767
  @color-fill-4: var(--color-neutral-4);
@@ -840,6 +841,7 @@
840
841
  @color-prefix-cls: ~'@{prefix}-color';
841
842
  @color-fill-table-td: #f8f9fb;
842
843
  @color-fill-table-th: #f0f2f7;
844
+ @color-fill-capsule: #e9ecee;
843
845
  @color-value-size-default-font-size: @font-size-body-3;
844
846
  @color-input-size-large-padding-horizontal: 5px;
845
847
  @color-input-size-default-padding-horizontal: @spacing-2;
@@ -1045,7 +1047,7 @@
1045
1047
  @input-size-shadow_focus: 3px;
1046
1048
  @input-color-addon-border_default: transparent;
1047
1049
  @input-color-text: var(--color-text-1);
1048
- @input-color-placeholder-text: #4e5969;
1050
+ @input-color-placeholder-text: #86909c;
1049
1051
  @input-color-text_disabled: #e5e6eb;
1050
1052
  @input-color-bg_error: var(--color-danger-light-1);
1051
1053
  @input-color-bg_error_hover: var(--color-danger-light-2);
@@ -1287,8 +1289,8 @@
1287
1289
  @picker-panel-color-text-cell_selected: var(--color-white);
1288
1290
  @picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
1289
1291
  @picker-panel-color-current-time-dot: rgb(var(--primary-6));
1290
- @picker-panel-border-radius-cell_selected: var(--border-radius-circle);
1291
- @picker-panel-cell-boundary-border-radius: 24px;
1292
+ @picker-panel-border-radius-cell_selected: 6px;
1293
+ @picker-panel-cell-boundary-border-radius: 6px;
1292
1294
  @picker-panel-cell-border-radius: 24px;
1293
1295
  @picker-panel-color-bg-label_hover: var(--color-fill-3);
1294
1296
  @picker-prefix-cls: ~'@{prefix}-picker';
@@ -1448,34 +1450,36 @@
1448
1450
  @select-prefix-cls: ~'@{prefix}-select';
1449
1451
  @select-popup-max-height: 200px;
1450
1452
  @select-popup-border-radius: var(--border-radius-medium);
1451
- @select-popup-padding-vertical: 4px;
1453
+ @select-popup-padding-vertical: 6px;
1452
1454
  @select-popup-font-size: 14px;
1453
1455
  @select-popup-color-bg: var(--color-bg-popup);
1454
1456
  @select-popup-color-border: var(--color-fill-3);
1455
1457
  @select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
1456
- @select-popup-option-height: 36px;
1458
+ @select-popup-option-height: 28px;
1457
1459
  @select-popup-option-font-weight_selected: 500;
1458
- @select-signal-popup-option-padding-horizontal: 12px;
1459
- @select-multi-popup-option-padding-horizontal: 4px;
1460
+ @select-signal-popup-option-padding-horizontal: 6px;
1461
+ @select-multi-popup-option-padding-horizontal: 6px;
1460
1462
  @select-popup-option-color-bg_default: var(--color-bg-popup);
1461
- @select-popup-option-color-bg_hover: var(--color-fill-2);
1463
+ @select-popup-option-color-bg_hover: rgb(var(--primary-1));
1462
1464
  @select-popup-option-color-bg_selected: var(--color-bg-popup);
1463
1465
  @select-popup-option-color-bg_disabled: var(--color-bg-popup);
1464
1466
  @select-popup-option-color-text_default: var(--color-text-1);
1465
- @select-popup-option-color-text_hover: var(--color-text-1);
1466
- @select-popup-option-color-text_selected: var(--color-text-1);
1467
+ @select-popup-option-color-text_hover: rgb(var(--primary-6));
1468
+ @select-popup-option-color-text_selected: rgb(var(--primary-6));
1467
1469
  @select-popup-option-color-text_disabled: var(--color-text-4);
1468
1470
  @select-popup-option-color-highlight-text: var(--color-text-1);
1469
1471
  @select-popup-option-font-highlight-weight: 500;
1470
1472
  @select-popup-group-title-height: 20px;
1471
- @select-popup-group-title-padding-horizontal: 12px;
1472
- @select-popup-group-title-padding-top: 8px;
1473
+ @select-popup-group-title-padding-horizontal: 6px;
1474
+ @select-popup-group-title-padding-top: 6px;
1473
1475
  @select-popup-group-title-font-size: 12px;
1474
1476
  @select-popup-group-title-color-text: var(--color-text-3);
1475
1477
  @select-color-icon-bg_hover: #ffffff;
1476
1478
  @select-color-bg_error: #ffffff;
1477
1479
  @select-shadow-distance_error_focus: 3px;
1478
1480
  @select-color-bg_error_hover: #ffffff;
1481
+ @select-popup-option-border-radius: 6px;
1482
+ @select-popup-padding-horizontal: 6px;
1479
1483
  @select-size-mini-height: @size-mini;
1480
1484
  @select-size-small-height: @size-small;
1481
1485
  @select-size-default-height: @size-default;
@@ -1516,8 +1520,6 @@
1516
1520
  @select-color-icon_disabled: var(--color-text-4);
1517
1521
  @select-popup-option-font-hightlight-weight: @font-weight-500;
1518
1522
  @select-popup-option-color-hightlight-text: var(--color-text-1);
1519
- @select-popup-padding-horizontal: @spacing-none;
1520
- @select-popup-option-border-radius: @border-radius-none;
1521
1523
  @select-color-addon-text: var(--color-text-2);
1522
1524
  @select-color-addon-bg: var(--color-fill-2);
1523
1525
 
@@ -1615,7 +1617,7 @@
1615
1617
  @avatar-size-default: 40px;
1616
1618
  @avatar-font-size-text: 20px;
1617
1619
  @avatar-color-text: var(--color-white);
1618
- @avatar-color-bg: #e5e6eb;
1620
+ @avatar-color-bg: var(--color-neutral-3);
1619
1621
  @avatar-color-group-item-border: var(--color-bg-2);
1620
1622
  @avatar-group-item-border-width: 2px;
1621
1623
  @avatar-group-item-margin-left: -10px;
@@ -1711,11 +1713,11 @@
1711
1713
 
1712
1714
  @btn-font-weight: 400;
1713
1715
  @btn-border-width: 1px;
1714
- @btn-border-radius: var(--border-radius-small);
1715
- @btn-size-mini-radius: var(--border-radius-small);
1716
- @btn-size-small-radius: var(--border-radius-small);
1717
- @btn-size-default-radius: var(--border-radius-small);
1718
- @btn-size-large-radius: var(--border-radius-small);
1716
+ @btn-border-radius: 4px;
1717
+ @btn-size-mini-radius: 4px;
1718
+ @btn-size-small-radius: 4px;
1719
+ @btn-size-default-radius: 4px;
1720
+ @btn-size-large-radius: 4px;
1719
1721
  @btn-size-mini-height: 24px;
1720
1722
  @btn-size-small-height: 28px;
1721
1723
  @btn-size-default-height: 32px;
@@ -1985,7 +1987,7 @@
1985
1987
  @btn-text-color-border_success_hover: transparent;
1986
1988
  @btn-text-color-border_success_active: transparent;
1987
1989
  @btn-text-border-style: solid;
1988
- @btn-size-medium-radius: var(--border-radius-small);
1990
+ @btn-size-medium-radius: 4px;
1989
1991
  @btn-size-medium-border-width: 1px;
1990
1992
  @btn-size-medium-icon-spacing: 4px;
1991
1993
  @btn-size-medium-icon-vertical-align: -2px;
@@ -2107,27 +2109,27 @@
2107
2109
 
2108
2110
  /*********** dropdown ***********/
2109
2111
 
2110
- @dropdown-margin-left-suffix-icon: 12px;
2112
+ @dropdown-margin-left-suffix-icon: 6px;
2111
2113
  @dropdown-max-height: 200px;
2112
2114
  @dropdown-border-radius: var(--border-radius-medium);
2113
- @dropdown-padding-vertical: 4px;
2115
+ @dropdown-padding-vertical: 6px;
2114
2116
  @dropdown-font-size: 14px;
2115
2117
  @dropdown-color-bg: var(--color-bg-popup);
2116
2118
  @dropdown-color-border: var(--color-fill-3);
2117
2119
  @dropdown-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2118
- @dropdown-option-height: 36px;
2119
- @dropdown-option-padding-horizontal: 12px;
2120
+ @dropdown-option-height: 28px;
2121
+ @dropdown-option-padding-horizontal: 6px;
2120
2122
  @dropdown-option-font-weight_selected: 500;
2121
2123
  @dropdown-option-color-bg_default: transparent;
2122
- @dropdown-option-color-bg_hover: var(--color-fill-2);
2124
+ @dropdown-option-color-bg_hover: rgb(var(--primary-1));
2123
2125
  @dropdown-option-color-bg_selected: transparent;
2124
2126
  @dropdown-option-color-bg_disabled: transparent;
2125
2127
  @dropdown-option-color-text_default: var(--color-text-1);
2126
- @dropdown-option-color-text_hover: var(--color-text-1);
2127
- @dropdown-option-color-text_selected: var(--color-text-1);
2128
+ @dropdown-option-color-text_hover: rgb(var(--primary-6));
2129
+ @dropdown-option-color-text_selected: rgb(var(--primary-6));
2128
2130
  @dropdown-option-color-text_disabled: var(--color-text-4);
2129
2131
  @dropdown-group-title-height: 20px;
2130
- @dropdown-group-title-padding-horizontal: 12px;
2132
+ @dropdown-group-title-padding-horizontal: 6px;
2131
2133
  @dropdown-group-title-padding-top: 8px;
2132
2134
  @dropdown-group-title-margin-top: 8px;
2133
2135
  @dropdown-group-title-font-size: 12px;
@@ -2373,7 +2375,7 @@
2373
2375
  @divider-font-weight: 500;
2374
2376
  @divider-size: 1px;
2375
2377
  @divider-line-style: solid;
2376
- @divider-color-bg: var(--color-neutral-3);
2378
+ @divider-color-bg: #e5e6eb;
2377
2379
  @divider-color-text: var(--color-text-1);
2378
2380
  @divider-prefix-cls: ~'@{prefix}-divider';
2379
2381
 
@@ -2671,22 +2673,22 @@
2671
2673
 
2672
2674
  @menu-font-size: 14px;
2673
2675
  @menu-line-height: 1.5715;
2674
- @menu-border-radius: var(--border-radius-small);
2675
- @menu-font-weight-item-selected: 500;
2676
+ @menu-border-radius: 0;
2677
+ @menu-font-weight-item-selected: 700;
2676
2678
  @menu-color-label-item-selected: rgb(var(--primary-6));
2677
2679
  @menu-height-label-item-selected: 3px;
2678
2680
  @menu-margin-left-item-suffix-icon: 6px;
2679
2681
  @menu-margin-right-item-prefix-icon: 16px;
2680
2682
  @menu-horizontal-margin-right-item-prefix-icon: 16px;
2681
- @menu-item-gap: 4px;
2682
- @menu-item-indent-spacing: 20px;
2683
+ @menu-item-gap: 6px;
2684
+ @menu-item-indent-spacing: 36px;
2683
2685
  @menu-width-collapse-button: 24px;
2684
2686
  @menu-height-collapse-button: 24px;
2685
2687
  @menu-border-radius-collapse-button: var(--border-radius-small);
2686
2688
  @menu-light-color-bg: var(--color-menu-light-bg);
2687
2689
  @menu-light-color-bg-item_default: var(--color-menu-light-bg);
2688
- @menu-light-color-bg-item_hover: var(--color-fill-2);
2689
- @menu-light-color-bg-item_selected: var(--color-fill-2);
2690
+ @menu-light-color-bg-item_hover: rgb(var(--primary-1));
2691
+ @menu-light-color-bg-item_selected: rgb(var(--primary-1));
2690
2692
  @menu-light-color-bg-item_disabled: var(--color-menu-light-bg);
2691
2693
  @menu-light-color-item_default: var(--color-text-2);
2692
2694
  @menu-light-color-item_hover: var(--color-text-2);
@@ -2727,8 +2729,8 @@
2727
2729
  @menu-horizontal-item-gap: 12px;
2728
2730
  @menu-horizontal-item-height: 30px;
2729
2731
  @menu-horizontal-item-padding-horizontal: 12px;
2730
- @menu-vertical-padding-vertical: 4px;
2731
- @menu-vertical-padding-horizontal: 8px;
2732
+ @menu-vertical-padding-vertical: 6px;
2733
+ @menu-vertical-padding-horizontal: 0;
2732
2734
  @menu-vertical-item-height: 40px;
2733
2735
  @menu-vertical-item-padding-horizontal: 12px;
2734
2736
  @menu-collapse-width: 48px;
@@ -3081,7 +3083,7 @@
3081
3083
  @radio-size-mask-height: 24px;
3082
3084
  @radio-mask-bg-color-bg: var(--color-fill-2);
3083
3085
  @radio-group-margin-right: 20px;
3084
- @radio-group-button-color-bg: var(--color-fill-2);
3086
+ @radio-group-button-color-bg: #e9ecee;
3085
3087
  @radio-button-padding-horizontal: 12px;
3086
3088
  @radio-button-spacing: 3px;
3087
3089
  @radio-button-color-bg_active: var(--color-bg-5);
@@ -3185,7 +3187,7 @@
3185
3187
 
3186
3188
  /*********** skeleton ***********/
3187
3189
 
3188
- @skeleton-color-bg-base: var(--color-fill-2);
3190
+ @skeleton-color-bg-base: #f1f2f8;
3189
3191
  @skeleton-radius-image-border: var(--border-radius-small);
3190
3192
  @skeleton-size-image_default: 48px;
3191
3193
  @skeleton-size-image_small: 36px;
@@ -3482,7 +3484,7 @@
3482
3484
  @table-font-size-filters-icon: 16px;
3483
3485
  @table-size-filters-width: 24px;
3484
3486
  @table-font-weight-header-text: 700;
3485
- @table-color-text-body-cell: rgb(var(--gray-10));
3487
+ @table-color-text-body-cell: #333333;
3486
3488
  @table-color-bg-body-cell: var(--color-bg-2);
3487
3489
  @table-color-bg-body-sorted-cell: var(--color-fill-1);
3488
3490
  @table-color-bg-body-stripe-row: #f8f9fb;
@@ -3596,7 +3598,7 @@
3596
3598
  @tabs-line-padding-title-horizontal_vertical: 20px;
3597
3599
  @tabs-line-color-title-bg: transparent;
3598
3600
  @tabs-line-color-title-bg_active: transparent;
3599
- @tabs-line-color-title-bg_hover: var(--color-fill-2);
3601
+ @tabs-line-color-title-bg_hover: #f1f2f8;
3600
3602
  @tabs-line-font-title-text-weight_hover: 400;
3601
3603
  @tabs-line-border-radius: var(--border-radius-small);
3602
3604
  @tabs-card-border-width: 1px;
@@ -3605,7 +3607,7 @@
3605
3607
  @tabs-card-padding-title-right_editable: 12px;
3606
3608
  @tabs-card-border-radius: var(--border-radius-small);
3607
3609
  @tabs-card-color-title-bg: transparent;
3608
- @tabs-card-color-title-bg_hover: var(--color-fill-3);
3610
+ @tabs-card-color-title-bg_hover: #f1f2f8;
3609
3611
  @tabs-card-color-title-bg_disabled: transparent;
3610
3612
  @tabs-card-color-title-bg_active: transparent;
3611
3613
  @tabs-card-border-content-width: 1px;
@@ -3622,14 +3624,14 @@
3622
3624
  @tabs-text-color-title-bg_active: transparent;
3623
3625
  @tabs-text-color-title-bg_disabled: transparent;
3624
3626
  @tabs-text-color-title-bg_disabled_active: var(--color-primary-light-3);
3625
- @tabs-text-color-title-bg_hover: var(--color-fill-2);
3627
+ @tabs-text-color-title-bg_hover: #f1f2f8;
3626
3628
  @tabs-rounded-padding-title-horizontal: 16px;
3627
3629
  @tabs-rounded-margin-title-horizontal: 12px;
3628
3630
  @tabs-rounded-color-title-bg: transparent;
3629
- @tabs-rounded-color-title-bg_active: var(--color-fill-2);
3631
+ @tabs-rounded-color-title-bg_active: #f1f2f8;
3630
3632
  @tabs-rounded-color-title-bg_disabled: transparent;
3631
- @tabs-rounded-color-title-bg_hover: var(--color-fill-2);
3632
- @tabs-capsule-color-header-bg: var(--color-fill-2);
3633
+ @tabs-rounded-color-title-bg_hover: #f1f2f8;
3634
+ @tabs-capsule-color-header-bg: #e9ecee;
3633
3635
  @tabs-capsule-margin-title-horizontal: 3px;
3634
3636
  @tabs-capsule-padding-title-horizontal: 12px;
3635
3637
  @tabs-capsule-padding-header-vertical: 3px;
@@ -3637,7 +3639,7 @@
3637
3639
  @tabs-capsule-border-header-radius: var(--border-radius-small);
3638
3640
  @tabs-capsule-color-title-bg: transparent;
3639
3641
  @tabs-capsule-color-title-bg_active: var(--color-bg-2);
3640
- @tabs-capsule-color-title-bg_hover: var(--color-bg-2);
3642
+ @tabs-capsule-color-title-bg_hover: #f8f9fb;
3641
3643
  @tabs-capsule-size-separator-width: 1px;
3642
3644
  @tabs-capsule-size-separator-height: 14px;
3643
3645
  @tabs-capsule-color-separator-bg: var(--color-fill-3);
@@ -3810,7 +3812,7 @@
3810
3812
  @typography-heading-font-weight: 700;
3811
3813
  @typography-color-text: var(--color-text-1);
3812
3814
  @typography-text-color-text-primary: rgb(var(--primary-6));
3813
- @typography-text-color-text-secondary: var(--color-text-2);
3815
+ @typography-text-color-text-secondary: #86909c;
3814
3816
  @typography-text-color-text-success: rgb(var(--success-6));
3815
3817
  @typography-text-color-text-warning: rgb(var(--warning-6));
3816
3818
  @typography-text-color-text-error: rgb(var(--danger-6));
package/variables.less CHANGED
@@ -604,7 +604,7 @@
604
604
  @color-bg-1: #ffffff;
605
605
  @color-border-1: var(~'@{arco-cssvars-prefix}-color-neutral-2');
606
606
  @dark-color-border-2: @dark-gray-3;
607
- @color-fill-1: var(~'@{arco-cssvars-prefix}-color-neutral-1');
607
+ @color-fill-1: rgb(248, 249, 251);
608
608
  @dark-color-border-4: @dark-gray-6;
609
609
  @dark-color-fill-1: rgba(255, 255, 255, 0.04);
610
610
  @color-border-4: var(~'@{arco-cssvars-prefix}-color-neutral-6');
@@ -860,8 +860,8 @@
860
860
  @pagination-color-bg-item_hover: @color-primary-1;
861
861
  @pagination-color-item-text_hover: @color-primary-6;
862
862
  @pagination-color-icon-arrow-bg_hover: @color-primary-1;
863
- @input-color-placeholder-text: @color-text-2;
864
- @avatar-color-bg: @color-border-2;
863
+ @input-color-placeholder-text: @color-text-3;
864
+ @avatar-color-bg: @color-fill-3;
865
865
  @picker-panel-color-bg-cell_hover: @color-primary-2;
866
866
  @btn-size-large-padding-horizontal: @spacing-7;
867
867
  @btn-size-default-padding-horizontal: 14px;
@@ -894,3 +894,52 @@
894
894
  @dark-color-fill-table-td: #f8f9fb;
895
895
  @dark-color-fill-table-th: #f0f2f7;
896
896
  @color-fill-table-th: #f0f2f7;
897
+ @typography-text-color-text-secondary: @color-text-3;
898
+ @divider-color-bg: @color-border-2;
899
+ @table-color-text-body-cell: @color-text-1;
900
+ @tabs-card-color-title-bg_hover: @color-fill-2;
901
+ @tabs-rounded-color-title-bg_active: @color-fill-2;
902
+ @tabs-text-color-title-bg_hover: @color-fill-2;
903
+ @tabs-line-color-title-bg_hover: @color-fill-2;
904
+ @tabs-rounded-color-title-bg_hover: @color-fill-2;
905
+ @color-fill-capsule: #e9ecee;
906
+ @dark-color-fill-capsule: #e9ecee;
907
+ @tabs-capsule-color-header-bg: @color-fill-capsule;
908
+ @tabs-capsule-color-title-bg_hover: @color-fill-1;
909
+ @radio-group-button-color-bg: @color-fill-capsule;
910
+ @skeleton-color-bg-base: @color-fill-2;
911
+ @menu-light-color-bg-item_hover: @color-primary-1;
912
+ @menu-light-color-bg-item_selected: @color-primary-1;
913
+ @menu-font-weight-item-selected: @font-weight-700;
914
+ @dropdown-option-color-bg_hover: @color-primary-1;
915
+ @dropdown-option-color-bg_selected: @color-transparent;
916
+ @picker-panel-cell-boundary-border-radius: @border-radius-medium;
917
+ @picker-panel-border-radius-cell_selected: @border-radius-medium;
918
+ @select-popup-option-color-bg_hover: @color-primary-1;
919
+ @select-popup-padding-vertical: @spacing-3;
920
+ @select-popup-option-color-text_hover: @color-primary-6;
921
+ @dropdown-option-color-text_hover: @color-primary-6;
922
+ @dropdown-option-color-text_selected: @color-primary-6;
923
+ @dropdown-option-height: @size-7;
924
+ @dropdown-option-padding-horizontal: @spacing-3;
925
+ @dropdown-padding-vertical: @spacing-3;
926
+ @select-signal-popup-option-padding-horizontal: @spacing-3;
927
+ @select-multi-popup-option-padding-horizontal: @spacing-3;
928
+ @select-popup-option-height: @size-7;
929
+ @select-popup-option-border-radius: @border-radius-medium;
930
+ @select-popup-option-color-text_selected: @color-primary-6;
931
+ @select-popup-padding-horizontal: @spacing-3;
932
+ @btn-border-radius: @border-radius-small;
933
+ @select-popup-group-title-padding-horizontal: @spacing-3;
934
+ @select-popup-group-title-padding-top: @spacing-3;
935
+ @select-popup-group-title-height: @size-5;
936
+ @dropdown-group-title-padding-horizontal: @spacing-3;
937
+ @dropdown-margin-left-suffix-icon: @spacing-3;
938
+ @menu-vertical-padding-vertical: @spacing-3;
939
+ @menu-vertical-padding-horizontal: @spacing-none;
940
+ @menu-item-gap: @spacing-3;
941
+ @menu-item-indent-spacing: @spacing-11;
942
+ @menu-vertical-item-padding-horizontal: @spacing-6;
943
+ @menu-border-radius: @border-radius-none;
944
+ @menu-light-color-item_selected: @color-primary-6;
945
+ @menu-light-color-submenu_selected: @color-primary-6;