@oceanbase/design 0.2.25 → 0.2.27

package/es/theme/style/dark.less

@@ -1,26 +1,27 @@
 @blue: #035ddc;
-@purple: #722ed1;
-@cyan: #13c2c2;
+@purple: #722ED1;
+@cyan: #13C2C2;
 @green: #0ca774;
-@magenta: #eb2f96;
+@magenta: #EB2F96;
 @pink: #eb2f96;
 @red: #dc4343;
-@orange: #fa8c16;
+@orange: #FA8C16;
 @yellow: #dc952e;
-@volcano: #fa541c;
-@geekblue: #2f54eb;
-@gold: #faad14;
-@lime: #a0d911;
+@volcano: #FA541C;
+@geekblue: #2F54EB;
+@gold: #FAAD14;
+@lime: #A0D911;
 @colorPrimary: #035ddc;
 @colorSuccess: #0ca774;
 @colorWarning: #dc952e;
 @colorError: #dc4343;
 @colorInfo: #035ddc;
+@colorLink: #035ddc;
 @colorTextBase: #fff;
 @colorBgBase: #000;
 @fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-  'Noto Color Emoji';
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji';
 @fontFamilyCode: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 @fontSize: 14;
 @lineWidth: 1;
@@ -45,90 +46,26 @@
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@colorPrimaryBg: #111a2c;
-@colorPrimaryBgHover: #0f2445;
-@colorPrimaryBorder: #0e2e5b;
-@colorPrimaryBorderHover: #0b3b7e;
-@colorPrimaryHover: #277de8;
-@colorPrimaryTextHover: #277de8;
-@colorPrimaryText: #035ddc;
-@colorPrimaryTextActive: #074cad;
-@colorSuccessBg: #11231e;
-@colorSuccessBgHover: #0f362a;
-@colorSuccessBorder: #114836;
-@colorSuccessBorderHover: #106247;
-@colorSuccessHover: #106247;
-@colorSuccessActive: #0e845d;
-@colorSuccessTextHover: #29bc86;
-@colorSuccessText: #0ca774;
-@colorSuccessTextActive: #0e845d;
-@colorWarningBg: #2c2114;
-@colorWarningBgHover: #453117;
-@colorWarningBorder: #5b421d;
-@colorWarningBorderHover: #7e5822;
-@colorWarningHover: #7e5822;
-@colorWarningActive: #ad7728;
-@colorWarningTextHover: #e8b255;
-@colorWarningText: #dc952e;
-@colorWarningTextActive: #ad7728;
-@colorErrorBg: #2c1618;
-@colorErrorBgHover: #451c1e;
-@colorErrorBorder: #5b2525;
-@colorErrorBorderHover: #7e2d2d;
-@colorErrorHover: #e86d6a;
-@colorErrorActive: #ad3838;
-@colorErrorTextHover: #e86d6a;
-@colorErrorText: #dc4343;
-@colorErrorTextActive: #ad3838;
-@colorInfoBg: #111a2c;
-@colorInfoBgHover: #0f2445;
-@colorInfoBorder: #0e2e5b;
-@colorInfoBorderHover: #0b3b7e;
-@colorInfoHover: #0b3b7e;
-@colorInfoActive: #074cad;
-@colorInfoTextHover: #277de8;
-@colorInfoText: #035ddc;
-@colorInfoTextActive: #074cad;
-@colorText: rgba(255, 255, 255, 0.85);
-@colorTextSecondary: rgba(255, 255, 255, 0.65);
-@colorTextQuaternary: rgba(255, 255, 255, 0.25);
-@colorTextTertiary: rgba(255, 255, 255, 0.45);
-@colorBgContainer: #141414;
-@colorBgLayout: #000000;
-@colorBgSpotlight: #424242;
-@colorBgMask: rgba(0, 0, 0, 0.45);
-@colorBorder: #424242;
-@colorBorderSecondary: #303030;
-@colorFillQuaternary: rgba(255, 255, 255, 0.04);
-@colorFillTertiary: rgba(255, 255, 255, 0.08);
-@colorFillSecondary: rgba(255, 255, 255, 0.12);
-@colorFill: rgba(255, 255, 255, 0.18);
-@colorIcon: rgba(255, 255, 255, 0.45);
-@boxShadowSecondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@colorPrimaryActive: #074cad;
-@blue-1: #11231e;
-@blue1: #11231e;
-@blue-2: #0f362a;
-@blue2: #0f362a;
-@blue-3: #114836;
-@blue3: #114836;
-@blue-4: #106247;
-@blue4: #106247;
-@blue-5: #0e845d;
-@blue5: #0e845d;
-@blue-6: #0ca774;
-@blue6: #0ca774;
-@blue-7: #29bc86;
-@blue7: #29bc86;
-@blue-8: #4ed19d;
-@blue8: #4ed19d;
-@blue-9: #78e2b4;
-@blue9: #78e2b4;
-@blue-10: #a6f1cd;
-@blue10: #a6f1cd;
+@blue-1: #111a2c;
+@blue1: #111a2c;
+@blue-2: #112545;
+@blue2: #112545;
+@blue-3: #15325b;
+@blue3: #15325b;
+@blue-4: #15417e;
+@blue4: #15417e;
+@blue-5: #1554ad;
+@blue5: #1554ad;
+@blue-6: #1668dc;
+@blue6: #1668dc;
+@blue-7: #3c89e8;
+@blue7: #3c89e8;
+@blue-8: #65a9f3;
+@blue8: #65a9f3;
+@blue-9: #8dc5f8;
+@blue9: #8dc5f8;
+@blue-10: #b7dcfa;
+@blue10: #b7dcfa;
 @purple-1: #1a1325;
 @purple1: #1a1325;
 @purple-2: #24163a;
@@ -169,26 +106,26 @@
 @cyan9: #84e2d8;
 @cyan-10: #b2f1e8;
 @cyan10: #b2f1e8;
-@green-1: #2c2114;
-@green1: #2c2114;
-@green-2: #453117;
-@green2: #453117;
-@green-3: #5b421d;
-@green3: #5b421d;
-@green-4: #7e5822;
-@green4: #7e5822;
-@green-5: #ad7728;
-@green5: #ad7728;
-@green-6: #dc952e;
-@green6: #dc952e;
-@green-7: #e8b255;
-@green7: #e8b255;
-@green-8: #f3cc7f;
-@green8: #f3cc7f;
-@green-9: #f8e1a8;
-@green9: #f8e1a8;
-@green-10: #faf0d2;
-@green10: #faf0d2;
+@green-1: #162312;
+@green1: #162312;
+@green-2: #1d3712;
+@green2: #1d3712;
+@green-3: #274916;
+@green3: #274916;
+@green-4: #306317;
+@green4: #306317;
+@green-5: #3c8618;
+@green5: #3c8618;
+@green-6: #49aa19;
+@green6: #49aa19;
+@green-7: #6abe39;
+@green7: #6abe39;
+@green-8: #8fd460;
+@green8: #8fd460;
+@green-9: #b2e58b;
+@green9: #b2e58b;
+@green-10: #d5f2bb;
+@green10: #d5f2bb;
 @magenta-1: #291321;
 @magenta1: #291321;
 @magenta-2: #40162f;
@@ -229,26 +166,26 @@
 @pink9: #f8a8cc;
 @pink-10: #fad2e3;
 @pink10: #fad2e3;
-@red-1: #111a2c;
-@red1: #111a2c;
-@red-2: #0f2445;
-@red2: #0f2445;
-@red-3: #0e2e5b;
-@red3: #0e2e5b;
-@red-4: #0b3b7e;
-@red4: #0b3b7e;
-@red-5: #074cad;
-@red5: #074cad;
-@red-6: #035ddc;
-@red6: #035ddc;
-@red-7: #277de8;
-@red7: #277de8;
-@red-8: #4f9ef3;
-@red8: #4f9ef3;
-@red-9: #77baf8;
-@red9: #77baf8;
-@red-10: #a0d2fa;
-@red10: #a0d2fa;
+@red-1: #2a1215;
+@red1: #2a1215;
+@red-2: #431418;
+@red2: #431418;
+@red-3: #58181c;
+@red3: #58181c;
+@red-4: #791a1f;
+@red4: #791a1f;
+@red-5: #a61d24;
+@red5: #a61d24;
+@red-6: #d32029;
+@red6: #d32029;
+@red-7: #e84749;
+@red7: #e84749;
+@red-8: #f37370;
+@red8: #f37370;
+@red-9: #f89f9a;
+@red9: #f89f9a;
+@red-10: #fac8c3;
+@red10: #fac8c3;
 @orange-1: #2b1d11;
 @orange1: #2b1d11;
 @orange-2: #442a11;
@@ -269,26 +206,26 @@
 @orange9: #f8cf8d;
 @orange-10: #fae3b7;
 @orange10: #fae3b7;
-@yellow-1: #2c1618;
-@yellow1: #2c1618;
-@yellow-2: #451c1e;
-@yellow2: #451c1e;
-@yellow-3: #5b2525;
-@yellow3: #5b2525;
-@yellow-4: #7e2d2d;
-@yellow4: #7e2d2d;
-@yellow-5: #ad3838;
-@yellow5: #ad3838;
-@yellow-6: #dc4343;
-@yellow6: #dc4343;
-@yellow-7: #e86d6a;
-@yellow7: #e86d6a;
-@yellow-8: #f39b95;
-@yellow8: #f39b95;
-@yellow-9: #f8c5bf;
-@yellow9: #f8c5bf;
-@yellow-10: #faece9;
-@yellow10: #faece9;
+@yellow-1: #2b2611;
+@yellow1: #2b2611;
+@yellow-2: #443b11;
+@yellow2: #443b11;
+@yellow-3: #595014;
+@yellow3: #595014;
+@yellow-4: #7c6e14;
+@yellow4: #7c6e14;
+@yellow-5: #aa9514;
+@yellow5: #aa9514;
+@yellow-6: #d8bd14;
+@yellow6: #d8bd14;
+@yellow-7: #e8d639;
+@yellow7: #e8d639;
+@yellow-8: #f3ea62;
+@yellow8: #f3ea62;
+@yellow-9: #f8f48b;
+@yellow9: #f8f48b;
+@yellow-10: #fafab5;
+@yellow10: #fafab5;
 @volcano-1: #2b1611;
 @volcano1: #2b1611;
 @volcano-2: #441d12;
@@ -369,7 +306,69 @@
 @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);
+@colorBgLayout: #000000;
+@colorBgContainer: #141414;
 @colorBgElevated: #1f1f1f;
+@colorBgSpotlight: #424242;
+@colorBgBlur: rgba(255, 255, 255, 0.04);
+@colorBorder: #424242;
+@colorBorderSecondary: #303030;
+@colorPrimaryBg: #111a2c;
+@colorPrimaryBgHover: #0f2445;
+@colorPrimaryBorder: #0e2e5b;
+@colorPrimaryBorderHover: #0b3b7e;
+@colorPrimaryHover: #277de8;
+@colorPrimaryActive: #074cad;
+@colorPrimaryTextHover: #277de8;
+@colorPrimaryText: #035ddc;
+@colorPrimaryTextActive: #074cad;
+@colorSuccessBg: #11231e;
+@colorSuccessBgHover: #0f362a;
+@colorSuccessBorder: #114836;
+@colorSuccessBorderHover: #106247;
+@colorSuccessHover: #106247;
+@colorSuccessActive: #0e845d;
+@colorSuccessTextHover: #29bc86;
+@colorSuccessText: #0ca774;
+@colorSuccessTextActive: #0e845d;
+@colorErrorBg: #2c1618;
+@colorErrorBgHover: #451c1e;
+@colorErrorBorder: #5b2525;
+@colorErrorBorderHover: #7e2d2d;
+@colorErrorHover: #e86d6a;
+@colorErrorActive: #ad3838;
+@colorErrorTextHover: #e86d6a;
+@colorErrorText: #dc4343;
+@colorErrorTextActive: #ad3838;
+@colorWarningBg: #2c2114;
+@colorWarningBgHover: #453117;
+@colorWarningBorder: #5b421d;
+@colorWarningBorderHover: #7e5822;
+@colorWarningHover: #7e5822;
+@colorWarningActive: #ad7728;
+@colorWarningTextHover: #e8b255;
+@colorWarningText: #dc952e;
+@colorWarningTextActive: #ad7728;
+@colorInfoBg: #111a2c;
+@colorInfoBgHover: #0f2445;
+@colorInfoBorder: #0e2e5b;
+@colorInfoBorderHover: #0b3b7e;
+@colorInfoHover: #0b3b7e;
+@colorInfoActive: #074cad;
+@colorInfoTextHover: #277de8;
+@colorInfoText: #035ddc;
+@colorInfoTextActive: #074cad;
+@colorLinkHover: #0b3b7e;
+@colorLinkActive: #074cad;
+@colorBgMask: rgba(0, 0, 0, 0.45);
 @colorWhite: #fff;
 @fontSizeSM: 12;
 @fontSizeLG: 16;
@@ -407,9 +406,6 @@
 @borderRadiusSM: 4;
 @borderRadiusLG: 8;
 @borderRadiusOuter: 4;
-@colorLink: #035ddc;
-@colorLinkHover: #0b3b7e;
-@colorLinkActive: #074cad;
 @colorFillContent: rgba(255, 255, 255, 0.12);
 @colorFillContentHover: rgba(255, 255, 255, 0.18);
 @colorFillAlter: rgba(255, 255, 255, 0.04);
@@ -425,6 +421,7 @@
 @colorHighlight: #dc4343;
 @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(238, 38, 56, 0.11);
 @colorWarningOutline: rgba(238, 138, 20, 0.11);
@@ -466,8 +463,21 @@
 @marginLG: 24;
 @marginXL: 32;
 @marginXXL: 48;
-@boxShadowTertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02),
-  0 2px 4px 0 rgba(0, 0, 0, 0.02);
+@boxShadow: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowSecondary: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowTertiary: 
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    ;
 @screenXS: 480;
 @screenXSMin: 480;
 @screenXSMax: 575;
@@ -486,16 +496,31 @@
 @screenXXL: 1600;
 @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);
-@boxShadowDrawerRight: -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  -9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerLeft: 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12),
-  9px 0 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerUp: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 9px 28px 8px rgba(0, 0, 0, 0.05);
-@boxShadowDrawerDown: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-  0 -9px 28px 8px 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)
+    ;
+@boxShadowDrawerRight: 
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerLeft: 
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerUp: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerDown: 
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
 @boxShadowTabsOverflowLeft: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowRight: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
 @boxShadowTabsOverflowTop: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);