Merge pull request #943 from oceanbase/dengfuping-dev

dengfuping · web-flow · commit 155d36eb1247 · 2025-01-15T21:03:27.000+08:00
chore(theme): Update theme less variable
diff --git a/packages/design/src/theme/style/aliyun.less b/packages/design/src/theme/style/aliyun.less
@@ -305,20 +305,20 @@
 @lime-10: #254000;
 @lime10: #254000;
 @colorText: rgba(0, 0, 0, 0.85);
-@colorTextSecondary: rgba(0, 0, 0, 0.65);
-@colorTextTertiary: rgba(0, 0, 0, 0.45);
-@colorTextQuaternary: rgba(0, 0, 0, 0.25);
-@colorFill: rgba(0, 0, 0, 0.15);
-@colorFillSecondary: rgba(0, 0, 0, 0.06);
-@colorFillTertiary: rgba(0, 0, 0, 0.04);
-@colorFillQuaternary: rgba(0, 0, 0, 0.02);
-@colorBgSolid: rgb(0, 0, 0);
-@colorBgSolidHover: rgba(0, 0, 0, 0.75);
-@colorBgSolidActive: rgba(0, 0, 0, 0.95);
+@colorTextSecondary: rgba(0,0,0,0.65);
+@colorTextTertiary: rgba(0,0,0,0.45);
+@colorTextQuaternary: rgba(0,0,0,0.25);
+@colorFill: rgba(0,0,0,0.15);
+@colorFillSecondary: rgba(0,0,0,0.06);
+@colorFillTertiary: rgba(0,0,0,0.04);
+@colorFillQuaternary: rgba(0,0,0,0.02);
+@colorBgSolid: rgb(0,0,0);
+@colorBgSolidHover: rgba(0,0,0,0.75);
+@colorBgSolidActive: rgba(0,0,0,0.95);
 @colorBgLayout: #f2f3f5;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
-@colorBgSpotlight: rgba(0, 0, 0, 0.85);
+@colorBgSpotlight: rgba(0,0,0,0.85);
 @colorBgBlur: transparent;
 @colorBorder: #dedede;
 @colorBorderSecondary: #ebebeb;
@@ -371,7 +371,7 @@
 @colorInfoTextActive: #0053d9;
 @colorLinkHover: #0064C8;
 @colorLinkActive: #0053d9;
-@colorBgMask: rgba(0, 0, 0, 0.45);
+@colorBgMask: rgba(0,0,0,0.45);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -414,33 +414,33 @@
 @borderRadiusOuter: 4;
 @colorTextHeading: rgba(0, 0, 0, 0.85);
 @controlOutlineWidth: 2;
-@controlOutline: rgba(5, 145, 255, 0.1);
-@colorFillContent: rgba(0, 0, 0, 0.06);
-@colorFillContentHover: rgba(0, 0, 0, 0.15);
-@colorFillAlter: rgba(0, 0, 0, 0.02);
-@colorBgContainerDisabled: rgba(0, 0, 0, 0.04);
+@controlOutline: rgba(5,145,255,0.1);
+@colorFillContent: rgba(0,0,0,0.06);
+@colorFillContentHover: rgba(0,0,0,0.15);
+@colorFillAlter: rgba(0,0,0,0.02);
+@colorBgContainerDisabled: rgba(0,0,0,0.04);
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(5, 5, 5, 0.08);
-@colorTextPlaceholder: rgba(0, 0, 0, 0.25);
-@colorTextDisabled: rgba(0, 0, 0, 0.25);
-@colorTextLabel: rgba(0, 0, 0, 0.65);
-@colorTextDescription: rgba(0, 0, 0, 0.45);
+@colorSplit: rgba(5,5,5,0.08);
+@colorTextPlaceholder: rgba(0,0,0,0.25);
+@colorTextDisabled: rgba(0,0,0,0.25);
+@colorTextLabel: rgba(0,0,0,0.65);
+@colorTextDescription: rgba(0,0,0,0.45);
 @colorTextLightSolid: #fff;
 @colorHighlight: #d93026;
-@colorBgTextHover: rgba(0, 0, 0, 0.06);
-@colorBgTextActive: rgba(0, 0, 0, 0.15);
-@colorIcon: rgba(0, 0, 0, 0.45);
+@colorBgTextHover: rgba(0,0,0,0.06);
+@colorBgTextActive: rgba(0,0,0,0.15);
+@colorIcon: rgba(0,0,0,0.45);
 @colorIconHover: rgba(0, 0, 0, 0.85);
-@colorErrorOutline: rgba(255, 38, 5, 0.06);
-@colorWarningOutline: rgba(255, 195, 5, 0.1);
+@colorErrorOutline: rgba(255,38,5,0.06);
+@colorWarningOutline: rgba(255,195,5,0.1);
 @fontSizeIcon: 12;
 @lineWidthFocus: 3;
 @controlInteractiveSize: 16;
-@controlItemBgHover: rgba(0, 0, 0, 0.04);
+@controlItemBgHover: rgba(0,0,0,0.04);
 @controlItemBgActive: #e6f4ff;
 @controlItemBgActiveHover: #a3d6ff;
-@controlItemBgActiveDisabled: rgba(0, 0, 0, 0.15);
-@controlTmpOutline: rgba(0, 0, 0, 0.02);
+@controlItemBgActiveDisabled: rgba(0,0,0,0.15);
+@controlTmpOutline: rgba(0,0,0,0.02);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -503,9 +503,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),
diff --git a/packages/design/src/theme/style/compact.less b/packages/design/src/theme/style/compact.less
@@ -312,9 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
-@colorBgSolid: rgb(0, 0, 0);
-@colorBgSolidHover: rgba(0, 0, 0, 0.75);
-@colorBgSolidActive: rgba(0, 0, 0, 0.95);
+@colorBgSolid: rgb(0,0,0);
+@colorBgSolidHover: rgba(0,0,0,0.75);
+@colorBgSolidActive: rgba(0,0,0,0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -420,7 +420,7 @@
 @colorFillAlter: #f8fafe;
 @colorBgContainerDisabled: #f3f6fc;
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(13, 63, 155, 0.12);
+@colorSplit: rgba(13,63,155,0.12);
 @colorTextPlaceholder: #c1cbe0;
 @colorTextDisabled: #c1cbe0;
 @colorTextHeading: #132039;
@@ -432,8 +432,8 @@
 @colorBgTextActive: #cdd5e4;
 @colorIcon: #8592ad;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255, 5, 5, 0.08);
-@colorWarningOutline: rgba(255, 164, 19, 0.11);
+@colorErrorOutline: rgba(255,5,5,0.08);
+@colorWarningOutline: rgba(255,164,19,0.11);
 @fontSizeIcon: 10;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 14;
@@ -442,7 +442,7 @@
 @controlItemBgActiveHover: #eaf1ff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f8fafe;
-@controlOutline: rgba(22, 99, 255, 0.09);
+@controlOutline: rgba(22,99,255,0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -495,9 +495,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),
diff --git a/packages/design/src/theme/style/dark.less b/packages/design/src/theme/style/dark.less
@@ -304,22 +304,22 @@
 @lime9: #e4f88b;
 @lime-10: #f0fab5;
 @lime10: #f0fab5;
-@colorText: rgba(255, 255, 255, 0.85);
-@colorTextSecondary: rgba(255, 255, 255, 0.65);
-@colorTextTertiary: rgba(255, 255, 255, 0.45);
-@colorTextQuaternary: rgba(255, 255, 255, 0.25);
-@colorFill: rgba(255, 255, 255, 0.18);
-@colorFillSecondary: rgba(255, 255, 255, 0.12);
-@colorFillTertiary: rgba(255, 255, 255, 0.08);
-@colorFillQuaternary: rgba(255, 255, 255, 0.04);
-@colorBgSolid: rgba(255, 255, 255, 0.95);
-@colorBgSolidHover: rgb(255, 255, 255);
-@colorBgSolidActive: rgba(255, 255, 255, 0.9);
+@colorText: rgba(255,255,255,0.85);
+@colorTextSecondary: rgba(255,255,255,0.65);
+@colorTextTertiary: rgba(255,255,255,0.45);
+@colorTextQuaternary: rgba(255,255,255,0.25);
+@colorFill: rgba(255,255,255,0.18);
+@colorFillSecondary: rgba(255,255,255,0.12);
+@colorFillTertiary: rgba(255,255,255,0.08);
+@colorFillQuaternary: rgba(255,255,255,0.04);
+@colorBgSolid: rgba(255,255,255,0.95);
+@colorBgSolidHover: rgb(255,255,255);
+@colorBgSolidActive: rgba(255,255,255,0.9);
 @colorBgLayout: #000000;
 @colorBgContainer: #141414;
 @colorBgElevated: #1f1f1f;
 @colorBgSpotlight: #424242;
-@colorBgBlur: rgba(255, 255, 255, 0.04);
+@colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
 @colorPrimaryBg: #111a2c;
@@ -371,7 +371,7 @@
 @colorInfoTextActive: #074cad;
 @colorLinkHover: #0b3b7e;
 @colorLinkActive: #074cad;
-@colorBgMask: rgba(0, 0, 0, 0.45);
+@colorBgMask: rgba(0,0,0,0.45);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -412,35 +412,35 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
-@colorFillContent: rgba(255, 255, 255, 0.12);
-@colorFillContentHover: rgba(255, 255, 255, 0.18);
-@colorFillAlter: rgba(255, 255, 255, 0.04);
-@colorBgContainerDisabled: rgba(255, 255, 255, 0.08);
+@colorFillContent: rgba(255,255,255,0.12);
+@colorFillContentHover: rgba(255,255,255,0.18);
+@colorFillAlter: rgba(255,255,255,0.04);
+@colorBgContainerDisabled: rgba(255,255,255,0.08);
 @colorBorderBg: #141414;
-@colorSplit: rgba(253, 253, 253, 0.12);
-@colorTextPlaceholder: rgba(255, 255, 255, 0.25);
-@colorTextDisabled: rgba(255, 255, 255, 0.25);
-@colorTextHeading: rgba(255, 255, 255, 0.85);
-@colorTextLabel: rgba(255, 255, 255, 0.65);
-@colorTextDescription: rgba(255, 255, 255, 0.45);
+@colorSplit: rgba(253,253,253,0.12);
+@colorTextPlaceholder: rgba(255,255,255,0.25);
+@colorTextDisabled: rgba(255,255,255,0.25);
+@colorTextHeading: rgba(255,255,255,0.85);
+@colorTextLabel: rgba(255,255,255,0.65);
+@colorTextDescription: rgba(255,255,255,0.45);
 @colorTextLightSolid: #fff;
 @colorHighlight: #d73333;
-@colorBgTextHover: rgba(255, 255, 255, 0.12);
-@colorBgTextActive: rgba(255, 255, 255, 0.18);
-@colorIcon: rgba(255, 255, 255, 0.45);
-@colorIconHover: rgba(255, 255, 255, 0.85);
-@colorErrorOutline: rgba(250, 20, 40, 0.1);
-@colorWarningOutline: rgba(180, 93, 0, 0.15);
+@colorBgTextHover: rgba(255,255,255,0.12);
+@colorBgTextActive: rgba(255,255,255,0.18);
+@colorIcon: rgba(255,255,255,0.45);
+@colorIconHover: rgba(255,255,255,0.85);
+@colorErrorOutline: rgba(250,20,40,0.1);
+@colorWarningOutline: rgba(180,93,0,0.15);
 @fontSizeIcon: 12;
 @lineWidthFocus: 3;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
-@controlItemBgHover: rgba(255, 255, 255, 0.08);
+@controlItemBgHover: rgba(255,255,255,0.08);
 @controlItemBgActive: #111a2c;
 @controlItemBgActiveHover: #0f2445;
-@controlItemBgActiveDisabled: rgba(255, 255, 255, 0.18);
-@controlTmpOutline: rgba(255, 255, 255, 0.04);
-@controlOutline: rgba(0, 60, 180, 0.15);
+@controlItemBgActiveDisabled: rgba(255,255,255,0.18);
+@controlTmpOutline: rgba(255,255,255,0.04);
+@controlOutline: rgba(0,60,180,0.15);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -503,9 +503,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),
diff --git a/packages/design/src/theme/style/default.less b/packages/design/src/theme/style/default.less
@@ -312,9 +312,9 @@
 @colorFillSecondary: #e2e8f3;
 @colorFillTertiary: #f3f6fc;
 @colorFillQuaternary: #f8fafe;
-@colorBgSolid: rgb(0, 0, 0);
-@colorBgSolidHover: rgba(0, 0, 0, 0.75);
-@colorBgSolidActive: rgba(0, 0, 0, 0.95);
+@colorBgSolid: rgb(0,0,0);
+@colorBgSolidHover: rgba(0,0,0,0.75);
+@colorBgSolidActive: rgba(0,0,0,0.95);
 @colorBgLayout: #f3f6fc;
 @colorBgContainer: #ffffff;
 @colorBgElevated: #ffffff;
@@ -420,7 +420,7 @@
 @colorFillAlter: #f8fafe;
 @colorBgContainerDisabled: #f3f6fc;
 @colorBorderBg: #ffffff;
-@colorSplit: rgba(13, 63, 155, 0.12);
+@colorSplit: rgba(13,63,155,0.12);
 @colorTextPlaceholder: #c1cbe0;
 @colorTextDisabled: #c1cbe0;
 @colorTextHeading: #132039;
@@ -432,8 +432,8 @@
 @colorBgTextActive: #cdd5e4;
 @colorIcon: #8592ad;
 @colorIconHover: #132039;
-@colorErrorOutline: rgba(255, 5, 5, 0.08);
-@colorWarningOutline: rgba(255, 164, 19, 0.11);
+@colorErrorOutline: rgba(255,5,5,0.08);
+@colorWarningOutline: rgba(255,164,19,0.11);
 @fontSizeIcon: 12;
 @controlOutlineWidth: 2;
 @controlInteractiveSize: 16;
@@ -442,7 +442,7 @@
 @controlItemBgActiveHover: #eaf1ff;
 @controlItemBgActiveDisabled: #cdd5e4;
 @controlTmpOutline: #f8fafe;
-@controlOutline: rgba(22, 99, 255, 0.09);
+@controlOutline: rgba(22,99,255,0.09);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
@@ -495,9 +495,9 @@
 @screenXXLMin: 1600;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
-      0 1px 2px -2px rgba(0, 0, 0, 0.16),
-      0 3px 6px 0 rgba(0, 0, 0, 0.12),
-      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+      0 1px 2px -2px rgba(0,0,0,0.16),
+      0 3px 6px 0 rgba(0,0,0,0.12),
+      0 5px 12px 4px rgba(0,0,0,0.09)
     ;
 @boxShadowDrawerRight: 
       -6px 0 16px 0 rgba(0, 0, 0, 0.08),
