@arco-themes/react-devspace 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 +9 -0
- package/css/arco.css +1 -1
- package/package.json +1 -1
- package/theme.css +2 -2
- package/theme.less +2 -2
- package/tokens.less +50 -50
- package/variables.less +19 -18
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -32,7 +32,7 @@ body {
|
|
|
32
32
|
--color-fill-4: #ffffff;
|
|
33
33
|
--color-border-1: #cbd5e1;
|
|
34
34
|
--color-border-2: #e2e8f0;
|
|
35
|
-
--color-border-3: #
|
|
35
|
+
--color-border-3: #f2f5fc;
|
|
36
36
|
--color-border-4: var(--color-neutral-6);
|
|
37
37
|
--color-primary-light-1: rgb(var(--primary-1));
|
|
38
38
|
--color-primary-light-2: rgb(var(--primary-2));
|
|
@@ -314,7 +314,7 @@ body {
|
|
|
314
314
|
--warning-9: 194, 65, 12;
|
|
315
315
|
--warning-10: 154, 52, 18;
|
|
316
316
|
--color-text-5: #94a3b8;
|
|
317
|
-
--color-text-6: #
|
|
317
|
+
--color-text-6: #b3c0d3;
|
|
318
318
|
--color-fill-5: #ffffff;
|
|
319
319
|
--color-bg-6: #d9dde3;
|
|
320
320
|
--tip-1: 252, 246, 236;
|
package/theme.less
CHANGED
|
@@ -625,7 +625,7 @@
|
|
|
625
625
|
@color-bg-4: rgb(250, 252, 254);
|
|
626
626
|
@dark-color-bg-3: rgb(20, 27, 41);
|
|
627
627
|
@color-bg-2: rgb(248, 250, 253);
|
|
628
|
-
@color-border-3: rgb(
|
|
628
|
+
@color-border-3: rgb(242, 245, 252);
|
|
629
629
|
@textarea-prefix-cls: ~'@{prefix}-textarea';
|
|
630
630
|
@color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
|
|
631
631
|
@color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
|
|
@@ -809,7 +809,7 @@
|
|
|
809
809
|
@dark-color-bg-6: #d9dde3;
|
|
810
810
|
@color-bg-6: #d9dde3;
|
|
811
811
|
@dark-color-text-5: rgb(119, 136, 158);
|
|
812
|
-
@color-text-6: rgb(
|
|
812
|
+
@color-text-6: rgb(179, 192, 211);
|
|
813
813
|
@color-text-5: rgb(148, 163, 184);
|
|
814
814
|
@color-fill-5: #ffffff;
|
|
815
815
|
@dark-color-text-6: rgb(102, 117, 135);
|
package/tokens.less
CHANGED
|
@@ -552,9 +552,9 @@
|
|
|
552
552
|
@link-color-bg_active: transparent;
|
|
553
553
|
@link-padding-horizontal: 0;
|
|
554
554
|
@link-color-text: rgb(var(--link-6));
|
|
555
|
-
@link-color-text_hover: rgb(var(--
|
|
556
|
-
@link-color-text_active: rgb(var(--
|
|
557
|
-
@link-color-text_disabled: #
|
|
555
|
+
@link-color-text_hover: rgb(var(--primary-6));
|
|
556
|
+
@link-color-text_active: rgb(var(--primary-7));
|
|
557
|
+
@link-color-text_disabled: #b3c0d3;
|
|
558
558
|
@link-color-text_success: rgb(var(--success-6));
|
|
559
559
|
@link-color-text_success_hover: rgb(var(--success-5));
|
|
560
560
|
@link-color-text_success_active: rgb(var(--success-7));
|
|
@@ -832,7 +832,7 @@
|
|
|
832
832
|
@color-fill-4: #ffffff;
|
|
833
833
|
@color-border-1: #cbd5e1;
|
|
834
834
|
@color-border-2: #e2e8f0;
|
|
835
|
-
@color-border-3: #
|
|
835
|
+
@color-border-3: #f2f5fc;
|
|
836
836
|
@color-border-4: var(--color-neutral-6);
|
|
837
837
|
@color-primary-light-1: rgb(var(--primary-1));
|
|
838
838
|
@color-primary-light-2: rgb(var(--primary-2));
|
|
@@ -911,7 +911,7 @@
|
|
|
911
911
|
@color-picker-prefix-cls: ~'@{prefix}-color-picker';
|
|
912
912
|
@color-prefix-cls: ~'@{prefix}-color';
|
|
913
913
|
@color-bg-6: #d9dde3;
|
|
914
|
-
@color-text-6: #
|
|
914
|
+
@color-text-6: #b3c0d3;
|
|
915
915
|
@color-text-5: #94a3b8;
|
|
916
916
|
@color-fill-5: #ffffff;
|
|
917
917
|
@color-tip-1: rgb(var(--tip-1));
|
|
@@ -1093,7 +1093,7 @@
|
|
|
1093
1093
|
@input-color-addon-border_default: transparent;
|
|
1094
1094
|
@input-color-text: #334155;
|
|
1095
1095
|
@input-color-placeholder-text: #94a3b8;
|
|
1096
|
-
@input-color-text_disabled: #
|
|
1096
|
+
@input-color-text_disabled: #b3c0d3;
|
|
1097
1097
|
@input-color-addon-text: #1e293b;
|
|
1098
1098
|
@input-color-bg_error: #ffffff;
|
|
1099
1099
|
@input-color-bg_error_hover: rgb(var(--danger-1));
|
|
@@ -1166,7 +1166,7 @@
|
|
|
1166
1166
|
@input-tag-size-large-padding_no_tag: 16px;
|
|
1167
1167
|
@input-tag-color-text_default: #334155;
|
|
1168
1168
|
@input-tag-color-text_error: var(--color-text-1);
|
|
1169
|
-
@input-tag-color-text_disabled: #
|
|
1169
|
+
@input-tag-color-text_disabled: #b3c0d3;
|
|
1170
1170
|
@input-tag-color-placeholder: #7f8c9f;
|
|
1171
1171
|
@input-tag-color-icon-clear: #334155;
|
|
1172
1172
|
@input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
|
|
@@ -1231,7 +1231,7 @@
|
|
|
1231
1231
|
@input-number-size-default-step-button-width: 32px;
|
|
1232
1232
|
@input-number-size-large-step-button-width: 36px;
|
|
1233
1233
|
@input-number-step-button-color: #334155;
|
|
1234
|
-
@input-number-step-button-color_disabled: #
|
|
1234
|
+
@input-number-step-button-color_disabled: #b3c0d3;
|
|
1235
1235
|
@input-number-step-button-color-border: var(--color-neutral-3);
|
|
1236
1236
|
@input-number-step-button-color-bg_default: #ffffff;
|
|
1237
1237
|
@input-number-step-button-color-bg_default_hover: rgb(var(--primary-1));
|
|
@@ -1302,9 +1302,9 @@
|
|
|
1302
1302
|
@picker-color-border_error_hover: transparent;
|
|
1303
1303
|
@picker-color-border_error_focus: rgb(var(--danger-6));
|
|
1304
1304
|
@picker-color-placeholder: #6e7b8d;
|
|
1305
|
-
@picker-color-placeholder_disabled: #
|
|
1305
|
+
@picker-color-placeholder_disabled: #b3c0d3;
|
|
1306
1306
|
@picker-color-text: #334155;
|
|
1307
|
-
@picker-color-text_disabled: #
|
|
1307
|
+
@picker-color-text_disabled: #b3c0d3;
|
|
1308
1308
|
@picker-color-icon: #6e7b8d;
|
|
1309
1309
|
@picker-color-icon_disabled: #94a3b8;
|
|
1310
1310
|
@picker-color-separator: var(--color-text-3);
|
|
@@ -1499,14 +1499,14 @@
|
|
|
1499
1499
|
@select-color-text_disabled: #94a3b8;
|
|
1500
1500
|
@select-color-text_focused: #1e293b;
|
|
1501
1501
|
@select-color-placeholder_default: #6e7b8d;
|
|
1502
|
-
@select-color-placeholder_disabled: #
|
|
1502
|
+
@select-color-placeholder_disabled: #b3c0d3;
|
|
1503
1503
|
@select-color-placeholder_focused: #7f8c9f;
|
|
1504
1504
|
@select-color-icon_default: #6e7b8d;
|
|
1505
|
-
@select-color-icon_disabled: #
|
|
1505
|
+
@select-color-icon_disabled: #b3c0d3;
|
|
1506
1506
|
@select-color-icon_focused: #6e7b8d;
|
|
1507
1507
|
@select-color-icon-bg_hover: rgb(var(--primary-2));
|
|
1508
1508
|
@select-color-bg_default: #ffffff;
|
|
1509
|
-
@select-color-bg_default_hover:
|
|
1509
|
+
@select-color-bg_default_hover: rgb(var(--primary-1));
|
|
1510
1510
|
@select-color-bg_default_focus: #ffffff;
|
|
1511
1511
|
@select-color-bg_error_focus: transparent;
|
|
1512
1512
|
@select-color-bg_error: rgb(var(--danger-1));
|
|
@@ -1539,13 +1539,13 @@
|
|
|
1539
1539
|
@select-multi-popup-option-padding-horizontal: 4px;
|
|
1540
1540
|
@select-popup-option-border-radius: 0;
|
|
1541
1541
|
@select-popup-option-color-bg_default: #ffffff;
|
|
1542
|
-
@select-popup-option-color-bg_hover: rgb(var(--primary-
|
|
1543
|
-
@select-popup-option-color-bg_selected: rgb(var(--primary-
|
|
1542
|
+
@select-popup-option-color-bg_hover: rgb(var(--primary-1));
|
|
1543
|
+
@select-popup-option-color-bg_selected: rgb(var(--primary-1));
|
|
1544
1544
|
@select-popup-option-color-bg_disabled: #ffffff;
|
|
1545
1545
|
@select-popup-option-color-text_default: var(--color-text-2);
|
|
1546
1546
|
@select-popup-option-color-text_hover: var(--color-text-2);
|
|
1547
1547
|
@select-popup-option-color-text_selected: var(--color-text-2);
|
|
1548
|
-
@select-popup-option-color-text_disabled: #
|
|
1548
|
+
@select-popup-option-color-text_disabled: #b3c0d3;
|
|
1549
1549
|
@select-popup-option-color-hightlight-text: #1e293b;
|
|
1550
1550
|
@select-popup-option-font-hightlight-weight: 500;
|
|
1551
1551
|
@select-popup-group-title-height: 20px;
|
|
@@ -1701,7 +1701,7 @@
|
|
|
1701
1701
|
@btn-size-default-font-size: 12px;
|
|
1702
1702
|
@btn-size-large-font-size: 14px;
|
|
1703
1703
|
@btn-outline-color-text: #1e293b;
|
|
1704
|
-
@btn-outline-color-text_disabled: #
|
|
1704
|
+
@btn-outline-color-text_disabled: #b3c0d3;
|
|
1705
1705
|
@btn-outline-color-text_hover: #6e7b8d;
|
|
1706
1706
|
@btn-outline-color-text_active: rgb(var(--primary-7));
|
|
1707
1707
|
@btn-outline-color-bg: transparent;
|
|
@@ -1709,7 +1709,7 @@
|
|
|
1709
1709
|
@btn-outline-color-bg_hover: transparent;
|
|
1710
1710
|
@btn-outline-color-bg_active: #e7ecf0;
|
|
1711
1711
|
@btn-outline-color-border: #94a3b8;
|
|
1712
|
-
@btn-outline-color-border_disabled: #
|
|
1712
|
+
@btn-outline-color-border_disabled: #f2f5fc;
|
|
1713
1713
|
@btn-outline-color-border_hover: #94a3b8;
|
|
1714
1714
|
@btn-outline-color-border_active: #94a3b8;
|
|
1715
1715
|
@btn-outline-color-text_warning: rgb(var(--warning-6));
|
|
@@ -1754,7 +1754,7 @@
|
|
|
1754
1754
|
@btn-primary-color-text_hover: #ffffff;
|
|
1755
1755
|
@btn-primary-color-text_active: #ffffff;
|
|
1756
1756
|
@btn-primary-color-bg: rgb(var(--primary-6));
|
|
1757
|
-
@btn-primary-color-bg_disabled:
|
|
1757
|
+
@btn-primary-color-bg_disabled: #e7ecf0;
|
|
1758
1758
|
@btn-primary-color-bg_hover: rgb(var(--primary-5));
|
|
1759
1759
|
@btn-primary-color-bg_active: rgb(var(--primary-7));
|
|
1760
1760
|
@btn-primary-color-border: transparent;
|
|
@@ -1803,12 +1803,12 @@
|
|
|
1803
1803
|
@btn-secondary-color-text_hover: rgb(var(--primary-5));
|
|
1804
1804
|
@btn-secondary-color-text_active: rgb(var(--primary-7));
|
|
1805
1805
|
@btn-secondary-color-bg: transparent;
|
|
1806
|
-
@btn-secondary-color-bg_disabled:
|
|
1807
|
-
@btn-secondary-color-bg_hover: rgb(var(--primary-
|
|
1806
|
+
@btn-secondary-color-bg_disabled: #e7ecf0;
|
|
1807
|
+
@btn-secondary-color-bg_hover: rgb(var(--primary-1));
|
|
1808
1808
|
@btn-secondary-color-bg_active: rgb(var(--primary-3));
|
|
1809
1809
|
@btn-secondary-color-border: rgb(var(--primary-4));
|
|
1810
1810
|
@btn-secondary-color-border_disabled: #cbd5e1;
|
|
1811
|
-
@btn-secondary-color-border_hover:
|
|
1811
|
+
@btn-secondary-color-border_hover: rgb(var(--primary-3));
|
|
1812
1812
|
@btn-secondary-color-border_active: transparent;
|
|
1813
1813
|
@btn-secondary-color-text_warning: rgb(var(--warning-6));
|
|
1814
1814
|
@btn-secondary-color-text_warning_disabled: rgb(var(--warning-3));
|
|
@@ -1848,16 +1848,16 @@
|
|
|
1848
1848
|
@btn-secondary-color-border_success_active: transparent;
|
|
1849
1849
|
@btn-secondary-border-style: solid;
|
|
1850
1850
|
@btn-dashed-color-text: rgb(var(--primary-6));
|
|
1851
|
-
@btn-dashed-color-text_disabled: #
|
|
1852
|
-
@btn-dashed-color-text_hover: rgb(var(--primary-
|
|
1851
|
+
@btn-dashed-color-text_disabled: #b3c0d3;
|
|
1852
|
+
@btn-dashed-color-text_hover: rgb(var(--primary-5));
|
|
1853
1853
|
@btn-dashed-color-text_active: rgb(var(--primary-7));
|
|
1854
1854
|
@btn-dashed-color-bg: transparent;
|
|
1855
|
-
@btn-dashed-color-bg_disabled:
|
|
1855
|
+
@btn-dashed-color-bg_disabled: #e7ecf0;
|
|
1856
1856
|
@btn-dashed-color-bg_hover: rgb(var(--primary-1));
|
|
1857
1857
|
@btn-dashed-color-bg_active: rgb(var(--primary-2));
|
|
1858
1858
|
@btn-dashed-color-border: #cbd5e1;
|
|
1859
|
-
@btn-dashed-color-border_disabled:
|
|
1860
|
-
@btn-dashed-color-border_hover:
|
|
1859
|
+
@btn-dashed-color-border_disabled: transparent;
|
|
1860
|
+
@btn-dashed-color-border_hover: rgb(var(--primary-3));
|
|
1861
1861
|
@btn-dashed-color-border_active: transparent;
|
|
1862
1862
|
@btn-dashed-color-text_warning: rgb(var(--warning-6));
|
|
1863
1863
|
@btn-dashed-color-text_warning_disabled: rgb(var(--warning-3));
|
|
@@ -2070,8 +2070,8 @@
|
|
|
2070
2070
|
@cascader-size-item-icon: 12px;
|
|
2071
2071
|
@cascader-color-item-text_hover: #334155;
|
|
2072
2072
|
@cascader-color-item-text_active: #334155;
|
|
2073
|
-
@cascader-color-item-text_disabled: #
|
|
2074
|
-
@cascader-color-item-text_disabled_active: #
|
|
2073
|
+
@cascader-color-item-text_disabled: #b3c0d3;
|
|
2074
|
+
@cascader-color-item-text_disabled_active: #b3c0d3;
|
|
2075
2075
|
@cascader-font-item-weight_active: 500;
|
|
2076
2076
|
@cascader-color-item-bg_active: rgb(var(--primary-2));
|
|
2077
2077
|
@cascader-color-item-bg_hover: rgb(var(--primary-2));
|
|
@@ -2102,7 +2102,7 @@
|
|
|
2102
2102
|
@checkbox-mask-color-border_checked_disabled: #cbd5e1;
|
|
2103
2103
|
@checkbox-mask-color-border_disabled: #cbd5e1;
|
|
2104
2104
|
@checkbox-color-text: #334155;
|
|
2105
|
-
@checkbox-color-text_disabled: #
|
|
2105
|
+
@checkbox-color-text_disabled: #b3c0d3;
|
|
2106
2106
|
@checkbox-group-spacing: 24px;
|
|
2107
2107
|
@checkbox-text-mask-spacing: 8px;
|
|
2108
2108
|
@checkbox-text-font-size: 12px;
|
|
@@ -2131,10 +2131,10 @@
|
|
|
2131
2131
|
@collapse-title-color-bg_active: #ffffff;
|
|
2132
2132
|
@collapse-title-color-bg_disabled: #ffffff;
|
|
2133
2133
|
@collapse-title-color-text: #1e293b;
|
|
2134
|
-
@collapse-title-color-text_disabled: #
|
|
2134
|
+
@collapse-title-color-text_disabled: #b3c0d3;
|
|
2135
2135
|
@collapse-title-font-weight_active: 500;
|
|
2136
2136
|
@collapse-content-color-text: #334155;
|
|
2137
|
-
@collapse-content-color-text_disabled: #
|
|
2137
|
+
@collapse-content-color-text_disabled: #b3c0d3;
|
|
2138
2138
|
@collapse-content-font-size: 12px;
|
|
2139
2139
|
@collapse-content-padding-vertical: 8px;
|
|
2140
2140
|
@collapse-content-color-bg: var(--color-fill-4);
|
|
@@ -2181,7 +2181,7 @@
|
|
|
2181
2181
|
@timepicker-color-text-cell: #334155;
|
|
2182
2182
|
@timepicker-color-bg-cell_hover: rgb(var(--primary-2));
|
|
2183
2183
|
@timepicker-color-bg-cell_active: rgb(var(--primary-2));
|
|
2184
|
-
@timepicker-color-text-cell_disabled: #
|
|
2184
|
+
@timepicker-color-text-cell_disabled: #b3c0d3;
|
|
2185
2185
|
@timepicker-font-weight-cell: 500;
|
|
2186
2186
|
@timepicker-font-weight-cell_active: 500;
|
|
2187
2187
|
@timepicker-color-extra-text: #334155;
|
|
@@ -2328,7 +2328,7 @@
|
|
|
2328
2328
|
@dropdown-option-color-text_default: #334155;
|
|
2329
2329
|
@dropdown-option-color-text_hover: #334155;
|
|
2330
2330
|
@dropdown-option-color-text_selected: #334155;
|
|
2331
|
-
@dropdown-option-color-text_disabled: #
|
|
2331
|
+
@dropdown-option-color-text_disabled: #b3c0d3;
|
|
2332
2332
|
@dropdown-group-title-height: 20px;
|
|
2333
2333
|
@dropdown-group-title-padding-horizontal: 12px;
|
|
2334
2334
|
@dropdown-group-title-margin-top: 8px;
|
|
@@ -2353,7 +2353,7 @@
|
|
|
2353
2353
|
|
|
2354
2354
|
@empty-spacing-padding: 32px;
|
|
2355
2355
|
@empty-color-icon: var(--color-border-1);
|
|
2356
|
-
@empty-color-text: #
|
|
2356
|
+
@empty-color-text: #b3c0d3;
|
|
2357
2357
|
@empty-font-size-image: 36px;
|
|
2358
2358
|
@empty-font-size-text: 12px;
|
|
2359
2359
|
@empty-spacing-image-margin-bottom: 4px;
|
|
@@ -2639,11 +2639,11 @@
|
|
|
2639
2639
|
@menu-light-color-item_selected: rgb(var(--primary-6));
|
|
2640
2640
|
@menu-light-color-submenu_selected: rgb(var(--primary-6));
|
|
2641
2641
|
@menu-light-color-bg-submenu_selected_hover: var(--color-fill-2);
|
|
2642
|
-
@menu-light-color-item_disabled: #
|
|
2643
|
-
@menu-light-color-icon_default: #
|
|
2642
|
+
@menu-light-color-item_disabled: #b3c0d3;
|
|
2643
|
+
@menu-light-color-icon_default: #b3c0d3;
|
|
2644
2644
|
@menu-light-color-icon_hover: rgb(var(--primary-6));
|
|
2645
2645
|
@menu-light-color-icon_selected: rgb(var(--primary-6));
|
|
2646
|
-
@menu-light-color-icon_disabled: #
|
|
2646
|
+
@menu-light-color-icon_disabled: #b3c0d3;
|
|
2647
2647
|
@menu-light-color-group-title: var(--color-text-3);
|
|
2648
2648
|
@menu-dark-color-bg: var(--color-menu-dark-bg);
|
|
2649
2649
|
@menu-dark-color-bg-item_default: var(--color-menu-dark-bg);
|
|
@@ -2886,7 +2886,7 @@
|
|
|
2886
2886
|
@pagination-color-item-text: #6e7b8d;
|
|
2887
2887
|
@pagination-color-item-text_hover: #334155;
|
|
2888
2888
|
@pagination-color-item-text_active: rgb(var(--primary-6));
|
|
2889
|
-
@pagination-color-item-text_disabled: #
|
|
2889
|
+
@pagination-color-item-text_disabled: #b3c0d3;
|
|
2890
2890
|
@pagination-color-item-text_active_disabled: rgb(var(--primary-3));
|
|
2891
2891
|
@pagination-color-item-border: transparent;
|
|
2892
2892
|
@pagination-color-item-border_active: transparent;
|
|
@@ -2898,7 +2898,7 @@
|
|
|
2898
2898
|
@pagination-color-icon-arrow-bg_hover: #cbd5e1;
|
|
2899
2899
|
@pagination-color-icon-arrow-bg_disabled: transparent;
|
|
2900
2900
|
@pagination-color-icon-arrow-text_hover: rgb(var(--primary-6));
|
|
2901
|
-
@pagination-color-icon-arrow-text_disabled: #
|
|
2901
|
+
@pagination-color-icon-arrow-text_disabled: #b3c0d3;
|
|
2902
2902
|
@pagination-simple-input-width: 32px;
|
|
2903
2903
|
@pagination-simple-color-icon-arrow: #6e7b8d;
|
|
2904
2904
|
@pagination-simple-color-icon-arrow-bg: transparent;
|
|
@@ -3005,9 +3005,9 @@
|
|
|
3005
3005
|
@radio-border-radius: var(--border-radius-circle);
|
|
3006
3006
|
@radio-color-bg_disabled: #e2e8f0;
|
|
3007
3007
|
@radio-color-bg_checked_disabled: #e2e8f0;
|
|
3008
|
-
@radio-color-dot-bg_checked_disabled: #
|
|
3008
|
+
@radio-color-dot-bg_checked_disabled: #b3c0d3;
|
|
3009
3009
|
@radio-color-text: #334155;
|
|
3010
|
-
@radio-color-text_disabled: #
|
|
3010
|
+
@radio-color-text_disabled: #b3c0d3;
|
|
3011
3011
|
@radio-color-text_checked_disabled: var(--color-text-4);
|
|
3012
3012
|
@radio-font-text-size: 12px;
|
|
3013
3013
|
@radio-font-text-size_large: 14px;
|
|
@@ -3032,7 +3032,7 @@
|
|
|
3032
3032
|
@radio-button-color-bg: transparent;
|
|
3033
3033
|
@radio-button-color-text: #334155;
|
|
3034
3034
|
@radio-button-color-bg_disabled: #e2e8f0;
|
|
3035
|
-
@radio-button-color-text_disabled: #
|
|
3035
|
+
@radio-button-color-text_disabled: #b3c0d3;
|
|
3036
3036
|
@radio-button-color-bg_checked_disabled: #f8fafd;
|
|
3037
3037
|
@radio-button-color-text_checked_disabled: #6e7b8d;
|
|
3038
3038
|
@radio-button-color-separator-bg: #ffffff;
|
|
@@ -3230,7 +3230,7 @@
|
|
|
3230
3230
|
@steps-circle-vertical-spacing-tail-bottom: 6px;
|
|
3231
3231
|
@steps-circle-color-item-bg_wait: #e2e8f0;
|
|
3232
3232
|
@steps-circle-color-item-border_wait: transparent;
|
|
3233
|
-
@steps-circle-color-item-icon-text_wait: #
|
|
3233
|
+
@steps-circle-color-item-icon-text_wait: #b3c0d3;
|
|
3234
3234
|
@steps-circle-color-item-tail_wait: #cbd5e1;
|
|
3235
3235
|
@steps-circle-color-item-title_wait: #94a3b8;
|
|
3236
3236
|
@steps-circle-color-item-description_wait: #94a3b8;
|
|
@@ -3264,7 +3264,7 @@
|
|
|
3264
3264
|
@steps-dot-vertical-item-icon-margin-right: 16px;
|
|
3265
3265
|
@steps-dot-font-weight-item-title_active: 500;
|
|
3266
3266
|
@steps-dot-border-radius-item-icon: 50%;
|
|
3267
|
-
@steps-dot-color-item-bg_wait: #
|
|
3267
|
+
@steps-dot-color-item-bg_wait: #b3c0d3;
|
|
3268
3268
|
@steps-dot-color-item-border_wait: #e7ecf0;
|
|
3269
3269
|
@steps-dot-color-item-tail_wait: #cbd5e1;
|
|
3270
3270
|
@steps-dot-color-item-title_wait: #334155;
|
|
@@ -3332,7 +3332,7 @@
|
|
|
3332
3332
|
@switch-line-default-width: 36px;
|
|
3333
3333
|
@switch-line-small-width: 28px;
|
|
3334
3334
|
@switch-line-height-bg-line: 6px;
|
|
3335
|
-
@switch-line-color-dot-shadow: #
|
|
3335
|
+
@switch-line-color-dot-shadow: #f2f5fc;
|
|
3336
3336
|
@switch-color-bg_on: rgb(var(--primary-6));
|
|
3337
3337
|
@switch-color-bg_off: var(--color-fill-1);
|
|
3338
3338
|
@switch-color-bg_on_disabled: var(--color-primary-light-3);
|
|
@@ -3351,7 +3351,7 @@
|
|
|
3351
3351
|
@switch-color-dot-icon_on_disabled: rgb(var(--primary-3));
|
|
3352
3352
|
@switch-color-dot-icon_off_disabled: #e2e8f0;
|
|
3353
3353
|
@switch-color-dot-icon_on_loading: rgb(var(--primary-3));
|
|
3354
|
-
@switch-color-dot-icon_off_loading: #
|
|
3354
|
+
@switch-color-dot-icon_off_loading: #b3c0d3;
|
|
3355
3355
|
@switch-color-box-shadow_checked: var(--color-primary-light-3);
|
|
3356
3356
|
@switch-color-box-shadow_default: rgb(var(--gray-6));
|
|
3357
3357
|
@switch-prefix-cls: ~'@{prefix}-switch';
|
|
@@ -3482,7 +3482,7 @@
|
|
|
3482
3482
|
@tabs-color-title-text: #334155;
|
|
3483
3483
|
@tabs-color-title-text_active: rgb(var(--primary-6));
|
|
3484
3484
|
@tabs-color-title-text_hover: #334155;
|
|
3485
|
-
@tabs-color-title-text_disabled: #
|
|
3485
|
+
@tabs-color-title-text_disabled: #b3c0d3;
|
|
3486
3486
|
@tabs-color-title-text_disabled_active: rgb(var(--primary-3));
|
|
3487
3487
|
@tabs-line-size-header-border: 1px;
|
|
3488
3488
|
@tabs-line-color-header-border: #e2e8f0;
|
|
@@ -3924,7 +3924,7 @@
|
|
|
3924
3924
|
@upload-picture-color-bg_disabled: #e2e8f0;
|
|
3925
3925
|
@upload-picture-color-text: #334155;
|
|
3926
3926
|
@upload-picture-color-text_hover: #334155;
|
|
3927
|
-
@upload-picture-color-text_disabled: #
|
|
3927
|
+
@upload-picture-color-text_disabled: #b3c0d3;
|
|
3928
3928
|
@upload-drag-font-size: 14px;
|
|
3929
3929
|
@upload-drag-border-radius: 4px;
|
|
3930
3930
|
@upload-drag-tip-margin-top: 0;
|
|
@@ -3946,7 +3946,7 @@
|
|
|
3946
3946
|
@upload-drag-color-icon_active: rgb(var(--primary-6));
|
|
3947
3947
|
@upload-drag-color-text_hover: #1e293b;
|
|
3948
3948
|
@upload-drag-color-text_active: #1e293b;
|
|
3949
|
-
@upload-drag-color-text_disabled: #
|
|
3949
|
+
@upload-drag-color-text_disabled: #b3c0d3;
|
|
3950
3950
|
@upload-text-item-size-operation-icon: 12px;
|
|
3951
3951
|
@upload-text-item-margin-top: 12px;
|
|
3952
3952
|
@upload-text-item-font-size: 12px;
|
package/variables.less
CHANGED
|
@@ -619,7 +619,7 @@
|
|
|
619
619
|
@color-bg-4: rgb(250, 252, 254);
|
|
620
620
|
@dark-color-bg-3: rgb(20, 27, 41);
|
|
621
621
|
@color-bg-2: rgb(248, 250, 253);
|
|
622
|
-
@color-border-3: rgb(
|
|
622
|
+
@color-border-3: rgb(242, 245, 252);
|
|
623
623
|
@textarea-prefix-cls: ~'@{prefix}-textarea';
|
|
624
624
|
@color-primary-1: rgb(var(~'@{arco-cssvars-prefix}-primary-1'));
|
|
625
625
|
@color-primary-5: rgb(var(~'@{arco-cssvars-prefix}-primary-5'));
|
|
@@ -827,7 +827,7 @@
|
|
|
827
827
|
@btn-size-mini-icon-vertical-align: -1px;
|
|
828
828
|
@popup-font-size: @font-size-body-2;
|
|
829
829
|
@auto-complete-option-color-text_default: @color-text-2;
|
|
830
|
-
@select-popup-option-color-bg_hover: @color-primary-
|
|
830
|
+
@select-popup-option-color-bg_hover: @color-primary-1;
|
|
831
831
|
@select-color-bg_error_focus: @color-transparent;
|
|
832
832
|
@input-tag-size-default-tag-height: @size-6;
|
|
833
833
|
@calendar-color-bg-switch-icon: @color-transparent;
|
|
@@ -878,7 +878,7 @@
|
|
|
878
878
|
@page-header-padding-left: @spacing-none;
|
|
879
879
|
@transfer-height-title: @size-9;
|
|
880
880
|
@upload-picture-item-width: @size-15;
|
|
881
|
-
@btn-secondary-color-bg_hover: @color-primary-
|
|
881
|
+
@btn-secondary-color-bg_hover: @color-primary-1;
|
|
882
882
|
@cascader-color-checkbox-bg_hover: @color-transparent;
|
|
883
883
|
@form-color-extra-text: @color-text-5;
|
|
884
884
|
@table-size-filters-width: 24px;
|
|
@@ -927,7 +927,7 @@
|
|
|
927
927
|
@avatar-group-item-border-width: 2px;
|
|
928
928
|
@popconfirm-margin-title-bottom: @spacing-7;
|
|
929
929
|
@radio-button-spacing: @spacing-none;
|
|
930
|
-
@link-color-text_hover: @color-
|
|
930
|
+
@link-color-text_hover: @color-primary-6;
|
|
931
931
|
@tabs-line-color-title-bg_hover: @color-transparent;
|
|
932
932
|
@result-size-icon-wrapper: @size-9;
|
|
933
933
|
@transfer-color-text-header-unit: var(~'@{arco-cssvars-prefix}-color-text-3');
|
|
@@ -987,7 +987,7 @@
|
|
|
987
987
|
@btn-size-large-padding-horizontal: 19px;
|
|
988
988
|
@tabs-size-small-font-size_card: @font-size-body-3;
|
|
989
989
|
@btn-outline-color-text_hover: @color-text-3;
|
|
990
|
-
@select-color-bg_default_hover: @color-
|
|
990
|
+
@select-color-bg_default_hover: @color-primary-1;
|
|
991
991
|
@tooltip-color-text: @color-text-2;
|
|
992
992
|
@list-font-size: @font-size-body-2;
|
|
993
993
|
@tabs-card-gutter-color-title-bg_hover: @color-primary-1;
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
@table-size-middle-padding-horizontal: @spacing-6;
|
|
1113
1113
|
@modal-simple-align-footer: right;
|
|
1114
1114
|
@list-size-small-padding-vertical-item: 9px;
|
|
1115
|
-
@btn-outline-color-border_disabled: @color-border-
|
|
1115
|
+
@btn-outline-color-border_disabled: @color-border-3;
|
|
1116
1116
|
@btn-size-default-height: @size-8;
|
|
1117
1117
|
@result-padding-bottom: @spacing-9;
|
|
1118
1118
|
@btn-size-small-icon-spacing: @spacing-2;
|
|
@@ -1266,7 +1266,7 @@
|
|
|
1266
1266
|
@steps-circle-color-item-bg_finish: @color-transparent;
|
|
1267
1267
|
@btn-dashed-color-text_danger_hover: @color-danger-6;
|
|
1268
1268
|
@btn-dashed-color-border_danger_active: @color-transparent;
|
|
1269
|
-
@btn-secondary-color-bg_disabled: @color-
|
|
1269
|
+
@btn-secondary-color-bg_disabled: @color-fill-3;
|
|
1270
1270
|
@btn-dashed-color-border_success: @color-success-3;
|
|
1271
1271
|
@input-color-border_error: @color-danger-6;
|
|
1272
1272
|
@select-popup-option-color-hightlight-text: @color-text-1;
|
|
@@ -1292,9 +1292,9 @@
|
|
|
1292
1292
|
@btn-secondary-color-bg_warning_disabled: @color-transparent;
|
|
1293
1293
|
@cascader-color-item-text_active: @color-text-2;
|
|
1294
1294
|
@list-color-text-header: @color-text-1;
|
|
1295
|
-
@select-popup-option-color-bg_selected: @color-primary-
|
|
1295
|
+
@select-popup-option-color-bg_selected: @color-primary-1;
|
|
1296
1296
|
@switch-color-text_on: @color-bg-white;
|
|
1297
|
-
@btn-dashed-color-text_hover: @color-primary-
|
|
1297
|
+
@btn-dashed-color-text_hover: @color-primary-5;
|
|
1298
1298
|
@avatar-color-group-item-border: @color-bg-1;
|
|
1299
1299
|
@btn-dashed-color-border_warning_hover: @color-transparent;
|
|
1300
1300
|
@switch-color-text_off_loading: @color-white;
|
|
@@ -1394,7 +1394,7 @@
|
|
|
1394
1394
|
@switch-line-color-dot-shadow: @color-border-3;
|
|
1395
1395
|
@tag-default-color-icon: @color-text-3;
|
|
1396
1396
|
@btn-dashed-color-text_danger_active: @color-danger-7;
|
|
1397
|
-
@link-color-text_active: @color-
|
|
1397
|
+
@link-color-text_active: @color-primary-7;
|
|
1398
1398
|
@steps-arrow-color-item-description_wait: @color-text-3;
|
|
1399
1399
|
@divider-margin-text: @spacing-7;
|
|
1400
1400
|
@upload-text-item-margin-status-left: @spacing-6;
|
|
@@ -1599,7 +1599,7 @@
|
|
|
1599
1599
|
@input-color-placeholder-text: @color-text-5;
|
|
1600
1600
|
@descriptions-border-radius: @border-radius-large;
|
|
1601
1601
|
@slider-size-road-width: 2px;
|
|
1602
|
-
@btn-dashed-color-border_disabled: @color-
|
|
1602
|
+
@btn-dashed-color-border_disabled: @color-transparent;
|
|
1603
1603
|
@menu-light-color-bg-button: @color-fill-1;
|
|
1604
1604
|
@btn-dashed-color-text_success_hover: @color-success-6;
|
|
1605
1605
|
@tabs-text-color-title-bg_hover: var(~'@{arco-cssvars-prefix}-color-fill-2');
|
|
@@ -1664,7 +1664,7 @@
|
|
|
1664
1664
|
@upload-picture-color-border: @color-border-1;
|
|
1665
1665
|
@breadcrumb-color-text: @color-text-5;
|
|
1666
1666
|
@breadcrumb-color-dropdown-icon: @color-text-4;
|
|
1667
|
-
@btn-dashed-color-bg_disabled: @color-
|
|
1667
|
+
@btn-dashed-color-bg_disabled: @color-fill-3;
|
|
1668
1668
|
@pagination-color-jumper-goto: @color-text-2;
|
|
1669
1669
|
@input-tag-color-addon-text: @color-text-2;
|
|
1670
1670
|
@form-color-bg_success_hover: @color-fill-2;
|
|
@@ -1697,7 +1697,7 @@
|
|
|
1697
1697
|
@comment-color-content-text: @color-text-1;
|
|
1698
1698
|
@btn-dashed-color-text_success_disabled: @color-success-3;
|
|
1699
1699
|
@message-loading-color-content: @color-text-2;
|
|
1700
|
-
@btn-text-color-text_disabled: @color-text-
|
|
1700
|
+
@btn-text-color-text_disabled: @color-text-5;
|
|
1701
1701
|
@select-color-addon-bg: @color-border-2;
|
|
1702
1702
|
@popup-color-title-text: @color-text-1;
|
|
1703
1703
|
@notification-info-color-border: @color-transparent;
|
|
@@ -1714,7 +1714,7 @@
|
|
|
1714
1714
|
@steps-arrow-color-item-title_error: @color-white;
|
|
1715
1715
|
@btn-outline-color-bg_success_active: @color-success-1;
|
|
1716
1716
|
@badge-color-count-text: @color-white;
|
|
1717
|
-
@select-color-text_disabled: @color-text-
|
|
1717
|
+
@select-color-text_disabled: @color-text-5;
|
|
1718
1718
|
@select-color-placeholder_disabled: @color-text-6;
|
|
1719
1719
|
@table-border-width: @border-1;
|
|
1720
1720
|
@tabs-line-margin-title-horizontal_first: @spacing-none;
|
|
@@ -1763,7 +1763,7 @@
|
|
|
1763
1763
|
@select-color-icon-bg_hover: @color-primary-2;
|
|
1764
1764
|
@btn-primary-color-text_warning_disabled: @color-warning-3;
|
|
1765
1765
|
@progress-circle-size-mini-color-mask-stroke: @color-primary-3;
|
|
1766
|
-
@btn-primary-color-bg_disabled: @color-
|
|
1766
|
+
@btn-primary-color-bg_disabled: @color-fill-3;
|
|
1767
1767
|
@alert-warning-color-text-content: @color-white;
|
|
1768
1768
|
@steps-size-default-font-size-icon: @size-4;
|
|
1769
1769
|
@result-padding-horizontal: @spacing-10;
|
|
@@ -1804,10 +1804,10 @@
|
|
|
1804
1804
|
@menu-collapse-width: @size-11;
|
|
1805
1805
|
@btn-primary-color-bg_success: @color-success-6;
|
|
1806
1806
|
@steps-circle-color-item-icon-text_wait: @color-text-6;
|
|
1807
|
-
@color-text-6: rgb(
|
|
1807
|
+
@color-text-6: rgb(179, 192, 211);
|
|
1808
1808
|
@card-size-small-padding-vertical-body: @spacing-6;
|
|
1809
1809
|
@color-text-5: rgb(148, 163, 184);
|
|
1810
|
-
@btn-dashed-color-border_hover: @color-
|
|
1810
|
+
@btn-dashed-color-border_hover: @color-primary-3;
|
|
1811
1811
|
@picker-color-icon: @color-text-3;
|
|
1812
1812
|
@btn-secondary-color-border_success_disabled: @color-success-2;
|
|
1813
1813
|
@picker-color-text: @color-text-2;
|
|
@@ -1824,7 +1824,7 @@
|
|
|
1824
1824
|
@modal-size-tip-icon: @size-4;
|
|
1825
1825
|
@btn-dashed-color-bg_success_active: @color-success-2;
|
|
1826
1826
|
@input-color-shadow_error_focus: @color-danger-2;
|
|
1827
|
-
@btn-secondary-color-text_disabled: @color-text-
|
|
1827
|
+
@btn-secondary-color-text_disabled: @color-text-5;
|
|
1828
1828
|
@message-normal-color-content: @color-text-2;
|
|
1829
1829
|
@upload-picture-color-text_hover: @color-text-2;
|
|
1830
1830
|
@pagination-simple-margin-separator-left: @spacing-4;
|
|
@@ -2091,3 +2091,4 @@
|
|
|
2091
2091
|
@color-input-bg-color: @color-fill-3;
|
|
2092
2092
|
@color-value-font-color: @color-text-2;
|
|
2093
2093
|
@color-preview-border-color: @color-fill-3;
|
|
2094
|
+
@btn-secondary-color-border_hover: @color-primary-3;
|