Skip to content

Commit be0cbd1

Browse files
dengfupingdengfuping
committed
fix(design): incorrect less theme token, fix #1179 
1 parent 6709a30 commit be0cbd1

File tree

4 files changed

+267
-267
lines changed

4 files changed

+267
-267
lines changed

‎packages/design/src/theme/style/aliyun.less‎

Lines changed: 56 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -46,24 +46,24 @@
4646
@motion: true;
4747
@blue-1: #e6f4ff;
4848
@blue1: #e6f4ff;
49-
@blue-2: #b0dbff;
50-
@blue2: #b0dbff;
51-
@blue-3: #87c5ff;
52-
@blue3: #87c5ff;
53-
@blue-4: #5eacff;
54-
@blue4: #5eacff;
55-
@blue-5: #3690ff;
56-
@blue5: #3690ff;
57-
@blue-6: #0d6cf2;
58-
@blue6: #0d6cf2;
59-
@blue-7: #004ecc;
60-
@blue7: #004ecc;
61-
@blue-8: #003aa6;
62-
@blue8: #003aa6;
63-
@blue-9: #002880;
64-
@blue9: #002880;
65-
@blue-10: #001959;
66-
@blue10: #001959;
49+
@blue-2: #a3d6ff;
50+
@blue2: #a3d6ff;
51+
@blue-3: #7abfff;
52+
@blue3: #7abfff;
53+
@blue-4: #52a5ff;
54+
@blue4: #52a5ff;
55+
@blue-5: #2989ff;
56+
@blue5: #2989ff;
57+
@blue-6: #006aff;
58+
@blue6: #006aff;
59+
@blue-7: #0053d9;
60+
@blue7: #0053d9;
61+
@blue-8: #003eb3;
62+
@blue8: #003eb3;
63+
@blue-9: #002c8c;
64+
@blue9: #002c8c;
65+
@blue-10: #001d66;
66+
@blue10: #001d66;
6767
@purple-1: #f9f0ff;
6868
@purple1: #f9f0ff;
6969
@purple-2: #efdbff;
@@ -323,14 +323,14 @@
323323
@colorBorder: #dedede;
324324
@colorBorderSecondary: #ebebeb;
325325
@colorPrimaryBg: #e6f4ff;
326-
@colorPrimaryBgHover: #b0dbff;
327-
@colorPrimaryBorder: #87c5ff;
328-
@colorPrimaryBorderHover: #5eacff;
329-
@colorPrimaryHover: #3690ff;
330-
@colorPrimaryActive: #004ecc;
331-
@colorPrimaryTextHover: #3690ff;
332-
@colorPrimaryText: #0d6cf2;
333-
@colorPrimaryTextActive: #004ecc;
326+
@colorPrimaryBgHover: #a3d6ff;
327+
@colorPrimaryBorder: #7abfff;
328+
@colorPrimaryBorderHover: #52a5ff;
329+
@colorPrimaryHover: #2989ff;
330+
@colorPrimaryActive: #0053d9;
331+
@colorPrimaryTextHover: #2989ff;
332+
@colorPrimaryText: #006aff;
333+
@colorPrimaryTextActive: #0053d9;
334334
@colorSuccessBg: #dff4e5;
335335
@colorSuccessBgHover: #a9f5d1;
336336
@colorSuccessBorder: #dff4e5;
@@ -361,37 +361,37 @@
361361
@colorWarningText: #ffa21a;
362362
@colorWarningTextActive: #d9800b;
363363
@colorInfoBg: #e6f4ff;
364-
@colorInfoBgHover: #b0dbff;
365-
@colorInfoBorder: #87c5ff;
366-
@colorInfoBorderHover: #5eacff;
367-
@colorInfoHover: #5eacff;
368-
@colorInfoActive: #004ecc;
369-
@colorInfoTextHover: #3690ff;
370-
@colorInfoText: #0d6cf2;
371-
@colorInfoTextActive: #004ecc;
364+
@colorInfoBgHover: #a3d6ff;
365+
@colorInfoBorder: #7abfff;
366+
@colorInfoBorderHover: #52a5ff;
367+
@colorInfoHover: #52a5ff;
368+
@colorInfoActive: #0053d9;
369+
@colorInfoTextHover: #2989ff;
370+
@colorInfoText: #006aff;
371+
@colorInfoTextActive: #0053d9;
372372
@colorLinkHover: #0064C8;
373-
@colorLinkActive: #004ecc;
373+
@colorLinkActive: #0053d9;
374374
@colorBgMask: rgba(0,0,0,0.45);
375375
@colorWhite: #fff;
376376
@fontSizeSM: 12;
377-
@fontSizeLG: 14;
378-
@fontSizeXL: 18;
379-
@fontSizeHeading1: 34;
380-
@fontSizeHeading2: 28;
381-
@fontSizeHeading3: 22;
382-
@fontSizeHeading4: 18;
383-
@fontSizeHeading5: 14;
384-
@lineHeight: 1.6153846153846154;
385-
@lineHeightLG: 1.5714285714285714;
386-
@lineHeightSM: 1.8;
387-
@fontHeight: 21;
388-
@fontHeightLG: 22;
389-
@fontHeightSM: 18;
390-
@lineHeightHeading1: 1.2352941176470589;
391-
@lineHeightHeading2: 1.2857142857142858;
392-
@lineHeightHeading3: 1.3636363636363635;
393-
@lineHeightHeading4: 1.4444444444444444;
394-
@lineHeightHeading5: 1.5714285714285714;
377+
@fontSizeLG: 16;
378+
@fontSizeXL: 20;
379+
@fontSizeHeading1: 38;
380+
@fontSizeHeading2: 30;
381+
@fontSizeHeading3: 24;
382+
@fontSizeHeading4: 20;
383+
@fontSizeHeading5: 16;
384+
@lineHeight: 1.5714285714285714;
385+
@lineHeightLG: 1.5;
386+
@lineHeightSM: 1.6666666666666667;
387+
@fontHeight: 22;
388+
@fontHeightLG: 24;
389+
@fontHeightSM: 20;
390+
@lineHeightHeading1: 1.2105263157894737;
391+
@lineHeightHeading2: 1.2666666666666666;
392+
@lineHeightHeading3: 1.3333333333333333;
393+
@lineHeightHeading4: 1.4;
394+
@lineHeightHeading5: 1.5;
395395
@sizeXXL: 48;
396396
@sizeXL: 32;
397397
@sizeLG: 24;
@@ -408,9 +408,9 @@
408408
@motionDurationMid: 0.2s;
409409
@motionDurationSlow: 0.3s;
410410
@lineWidthBold: 2;
411-
@borderRadiusXS: 1;
411+
@borderRadiusXS: 2;
412412
@borderRadiusSM: 0;
413-
@borderRadiusLG: 4;
413+
@borderRadiusLG: 8;
414414
@borderRadiusOuter: 4;
415415
@colorTextHeading: rgba(0, 0, 0, 0.85);
416416
@controlOutlineWidth: 2;
@@ -438,7 +438,7 @@
438438
@controlInteractiveSize: 16;
439439
@controlItemBgHover: rgba(0,0,0,0.04);
440440
@controlItemBgActive: #e6f4ff;
441-
@controlItemBgActiveHover: #b0dbff;
441+
@controlItemBgActiveHover: #a3d6ff;
442442
@controlItemBgActiveDisabled: rgba(0,0,0,0.15);
443443
@controlTmpOutline: rgba(0,0,0,0.02);
444444
@fontWeightStrong: 600;

‎packages/design/src/theme/style/compact.less‎

Lines changed: 70 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@blue: #0d6cf2;
1+
@blue: #006aff;
22
@purple: #722ED1;
33
@cyan: #13C2C2;
44
@green: #0ac185;
@@ -11,17 +11,17 @@
1111
@geekblue: #2F54EB;
1212
@gold: #FAAD14;
1313
@lime: #A0D911;
14-
@colorPrimary: #0d6cf2;
14+
@colorPrimary: #006aff;
1515
@colorSuccess: #0ac185;
1616
@colorWarning: #ffa21a;
1717
@colorError: #f93939;
18-
@colorInfo: #0d6cf2;
19-
@colorLink: #0d6cf2;
18+
@colorInfo: #006aff;
19+
@colorLink: #006aff;
2020
@colorTextBase: #000000;
2121
@colorBgBase: #ffffff;
2222
@fontFamily: -apple-system, 'Noto Sans', BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
2323
@fontFamilyCode: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
24-
@fontSize: 13;
24+
@fontSize: 12;
2525
@lineWidth: 1;
2626
@lineType: solid;
2727
@motionUnit: 0.1;
@@ -34,7 +34,7 @@
3434
@motionEaseInBack: cubic-bezier(0.71, -0.46, 0.88, 0.6);
3535
@motionEaseInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
3636
@motionEaseOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
37-
@borderRadius: 4;
37+
@borderRadius: 6;
3838
@sizeUnit: 4;
3939
@sizeStep: 4;
4040
@sizePopupArrow: 16;
@@ -46,24 +46,24 @@
4646
@motion: true;
4747
@blue-1: #e6f4ff;
4848
@blue1: #e6f4ff;
49-
@blue-2: #b0dbff;
50-
@blue2: #b0dbff;
51-
@blue-3: #87c5ff;
52-
@blue3: #87c5ff;
53-
@blue-4: #5eacff;
54-
@blue4: #5eacff;
55-
@blue-5: #3690ff;
56-
@blue5: #3690ff;
57-
@blue-6: #0d6cf2;
58-
@blue6: #0d6cf2;
59-
@blue-7: #004ecc;
60-
@blue7: #004ecc;
61-
@blue-8: #003aa6;
62-
@blue8: #003aa6;
63-
@blue-9: #002880;
64-
@blue9: #002880;
65-
@blue-10: #001959;
66-
@blue10: #001959;
49+
@blue-2: #a3d6ff;
50+
@blue2: #a3d6ff;
51+
@blue-3: #7abfff;
52+
@blue3: #7abfff;
53+
@blue-4: #52a5ff;
54+
@blue4: #52a5ff;
55+
@blue-5: #2989ff;
56+
@blue5: #2989ff;
57+
@blue-6: #006aff;
58+
@blue6: #006aff;
59+
@blue-7: #0053d9;
60+
@blue7: #0053d9;
61+
@blue-8: #003eb3;
62+
@blue8: #003eb3;
63+
@blue-9: #002c8c;
64+
@blue9: #002c8c;
65+
@blue-10: #001d66;
66+
@blue10: #001d66;
6767
@purple-1: #f9f0ff;
6868
@purple1: #f9f0ff;
6969
@purple-2: #efdbff;
@@ -315,22 +315,22 @@
315315
@colorBgSolid: rgb(0,0,0);
316316
@colorBgSolidHover: rgba(0,0,0,0.75);
317317
@colorBgSolidActive: rgba(0,0,0,0.95);
318-
@colorBgLayout: #f8fafe;
318+
@colorBgLayout: #f3f6fc;
319319
@colorBgContainer: #ffffff;
320320
@colorBgElevated: #ffffff;
321321
@colorBgSpotlight: #ffffff;
322322
@colorBgBlur: transparent;
323323
@colorBorder: #cdd5e4;
324324
@colorBorderSecondary: #e2e8f3;
325-
@colorPrimaryBg: #e6f4ff;
326-
@colorPrimaryBgHover: #b0dbff;
327-
@colorPrimaryBorder: #87c5ff;
328-
@colorPrimaryBorderHover: #5eacff;
329-
@colorPrimaryHover: #3690ff;
330-
@colorPrimaryActive: #004ecc;
331-
@colorPrimaryTextHover: #3690ff;
332-
@colorPrimaryText: #0d6cf2;
333-
@colorPrimaryTextActive: #004ecc;
325+
@colorPrimaryBg: #eaf1ff;
326+
@colorPrimaryBgHover: #eaf1ff;
327+
@colorPrimaryBorder: #b3ccff;
328+
@colorPrimaryBorderHover: #5189fb;
329+
@colorPrimaryHover: #5189fb;
330+
@colorPrimaryActive: #004ce6;
331+
@colorPrimaryTextHover: #5189fb;
332+
@colorPrimaryText: #006aff;
333+
@colorPrimaryTextActive: #004ce6;
334334
@colorSuccessBg: #eef8f5;
335335
@colorSuccessBgHover: #dbf0e9;
336336
@colorSuccessBorder: #b3e6d5;
@@ -360,38 +360,38 @@
360360
@colorWarningTextHover: #ffc166;
361361
@colorWarningText: #ffa21a;
362362
@colorWarningTextActive: #ff9700;
363-
@colorInfoBg: #e6f4ff;
364-
@colorInfoBgHover: #b0dbff;
365-
@colorInfoBorder: #87c5ff;
366-
@colorInfoBorderHover: #5eacff;
367-
@colorInfoHover: #5eacff;
368-
@colorInfoActive: #004ecc;
369-
@colorInfoTextHover: #3690ff;
370-
@colorInfoText: #0d6cf2;
371-
@colorInfoTextActive: #004ecc;
372-
@colorLinkHover: #5eacff;
373-
@colorLinkActive: #004ecc;
363+
@colorInfoBg: #eaf1ff;
364+
@colorInfoBgHover: #eaf1ff;
365+
@colorInfoBorder: #b3ccff;
366+
@colorInfoBorderHover: #5189fb;
367+
@colorInfoHover: #5189fb;
368+
@colorInfoActive: #004ce6;
369+
@colorInfoTextHover: #5189fb;
370+
@colorInfoText: #006aff;
371+
@colorInfoTextActive: #004ce6;
372+
@colorLinkHover: #52a5ff;
373+
@colorLinkActive: #0053d9;
374374
@colorBgMask: rgba(19, 32, 57, 0.45);
375375
@colorWhite: #fff;
376-
@fontSizeSM: 11;
377-
@fontSizeLG: 12;
378-
@fontSizeXL: 14;
379-
@fontSizeHeading1: 26;
380-
@fontSizeHeading2: 22;
381-
@fontSizeHeading3: 18;
382-
@fontSizeHeading4: 14;
383-
@fontSizeHeading5: 12;
384-
@lineHeight: 1.8;
385-
@lineHeightLG: 1.6666666666666667;
386-
@lineHeightSM: 2;
387-
@fontHeight: 18;
388-
@fontHeightLG: 20;
389-
@fontHeightSM: 16;
390-
@lineHeightHeading1: 1.3076923076923077;
391-
@lineHeightHeading2: 1.3636363636363635;
392-
@lineHeightHeading3: 1.4444444444444444;
393-
@lineHeightHeading4: 1.5714285714285714;
394-
@lineHeightHeading5: 1.6666666666666667;
376+
@fontSizeSM: 10;
377+
@fontSizeLG: 14;
378+
@fontSizeXL: 16;
379+
@fontSizeHeading1: 32;
380+
@fontSizeHeading2: 26;
381+
@fontSizeHeading3: 20;
382+
@fontSizeHeading4: 16;
383+
@fontSizeHeading5: 14;
384+
@lineHeight: 1.6666666666666667;
385+
@lineHeightLG: 1.5714285714285714;
386+
@lineHeightSM: 1.8;
387+
@fontHeight: 20;
388+
@fontHeightLG: 22;
389+
@fontHeightSM: 18;
390+
@lineHeightHeading1: 1.25;
391+
@lineHeightHeading2: 1.3076923076923077;
392+
@lineHeightHeading3: 1.4;
393+
@lineHeightHeading4: 1.5;
394+
@lineHeightHeading5: 1.5714285714285714;
395395
@sizeXXL: 48;
396396
@sizeXL: 32;
397397
@sizeLG: 16;
@@ -408,9 +408,9 @@
408408
@motionDurationMid: 0.2s;
409409
@motionDurationSlow: 0.3s;
410410
@lineWidthBold: 2;
411-
@borderRadiusXS: 1;
411+
@borderRadiusXS: 2;
412412
@borderRadiusSM: 4;
413-
@borderRadiusLG: 4;
413+
@borderRadiusLG: 8;
414414
@borderRadiusOuter: 4;
415415
@boxShadow: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
416416
@boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
@@ -435,15 +435,15 @@
435435
@colorIconHover: #132039;
436436
@colorErrorOutline: rgba(255,5,5,0.08);
437437
@colorWarningOutline: rgba(255,164,19,0.11);
438-
@fontSizeIcon: 11;
438+
@fontSizeIcon: 10;
439439
@controlOutlineWidth: 2;
440440
@controlInteractiveSize: 14;
441441
@controlItemBgHover: #f3f6fc;
442-
@controlItemBgActive: #e6f4ff;
443-
@controlItemBgActiveHover: #b0dbff;
442+
@controlItemBgActive: #eaf1ff;
443+
@controlItemBgActiveHover: #eaf1ff;
444444
@controlItemBgActiveDisabled: #cdd5e4;
445445
@controlTmpOutline: #f8fafe;
446-
@controlOutline: rgba(5,145,255,0.1);
446+
@controlOutline: rgba(22,99,255,0.09);
447447
@fontWeightStrong: 600;
448448
@opacityLoading: 0.65;
449449
@linkDecoration: none;

0 commit comments

Comments
 (0)