@oceanbase/design 0.4.16 → 1.0.0-alpha.1

package/es/theme/style/dark.less

@@ -1,31 +1,31 @@
-@blue: #035ddc;
+@blue: #0e5fd1;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #0ca774;
+@green: #149f71;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #d73333;
+@red: #ce3c3c;
 @orange: #FA8C16;
-@yellow: #dc8d19;
+@yellow: #d28a22;
 @volcano: #FA541C;
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
-@colorPrimary: #035ddc;
-@colorSuccess: #0ca774;
-@colorWarning: #dc8d19;
-@colorError: #d73333;
-@colorInfo: #035ddc;
-@colorLink: #035ddc;
+@colorPrimary: #0e5fd1;
+@colorSuccess: #149f71;
+@colorWarning: #d28a22;
+@colorError: #ce3c3c;
+@colorInfo: #0e5fd1;
+@colorLink: #0e5fd1;
 @colorTextBase: #fff;
 @colorBgBase: #000;
 @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';
 @fontFamilyCode: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-@fontSize: 14;
-@lineWidth: 1;
+@fontSize: 13px;
+@lineWidth: 1px;
 @lineType: solid;
-@motionUnit: 0.1;
-@motionBase: 0;
+@motionUnit: 0.1s;
+@motionBase: 0s;
 @motionEaseOutCirc: cubic-bezier(0.08, 0.82, 0.17, 1);
 @motionEaseInOutCirc: cubic-bezier(0.78, 0.14, 0.15, 0.86);
 @motionEaseOut: cubic-bezier(0.215, 0.61, 0.355, 1);
@@ -34,36 +34,36 @@
 @motionEaseInBack: cubic-bezier(0.71, -0.46, 0.88, 0.6);
 @motionEaseInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 @motionEaseOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
-@borderRadius: 6;
-@sizeUnit: 4;
-@sizeStep: 4;
-@sizePopupArrow: 16;
-@controlHeight: 32;
+@borderRadius: 4px;
+@sizeUnit: 4px;
+@sizeStep: 4px;
+@sizePopupArrow: 16px;
+@controlHeight: 32px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
 @wireframe: false;
 @motion: true;
-@blue-1: #111a2c;
-@blue1: #111a2c;
-@blue-2: #0f2445;
-@blue2: #0f2445;
-@blue-3: #0e2e5b;
-@blue3: #0e2e5b;
-@blue-4: #0b3b7e;
-@blue4: #0b3b7e;
-@blue-5: #074cad;
-@blue5: #074cad;
-@blue-6: #035ddc;
-@blue6: #035ddc;
-@blue-7: #277de8;
-@blue7: #277de8;
-@blue-8: #4f9ef3;
-@blue8: #4f9ef3;
-@blue-9: #77baf8;
-@blue9: #77baf8;
-@blue-10: #a0d2fa;
-@blue10: #a0d2fa;
+@blue-1: #111a2a;
+@blue1: #111a2a;
+@blue-2: #0f2342;
+@blue2: #0f2342;
+@blue-3: #122e57;
+@blue3: #122e57;
+@blue-4: #113c78;
+@blue4: #113c78;
+@blue-5: #0f4da4;
+@blue5: #0f4da4;
+@blue-6: #0e5fd1;
+@blue6: #0e5fd1;
+@blue-7: #3384e8;
+@blue7: #3384e8;
+@blue-8: #5aa4f3;
+@blue8: #5aa4f3;
+@blue-9: #84c0f8;
+@blue9: #84c0f8;
+@blue-10: #add7fa;
+@blue10: #add7fa;
 @purple-1: #1a1325;
 @purple1: #1a1325;
 @purple-2: #24163a;
@@ -104,26 +104,26 @@
 @cyan9: #84e2d8;
 @cyan-10: #b2f1e8;
 @cyan10: #b2f1e8;
-@green-1: #11231e;
-@green1: #11231e;
-@green-2: #0f362a;
-@green2: #0f362a;
-@green-3: #114836;
-@green3: #114836;
-@green-4: #106247;
-@green4: #106247;
-@green-5: #0e845d;
-@green5: #0e845d;
-@green-6: #0ca774;
-@green6: #0ca774;
-@green-7: #29bc86;
-@green7: #29bc86;
-@green-8: #4ed19d;
-@green8: #4ed19d;
-@green-9: #78e2b4;
-@green9: #78e2b4;
-@green-10: #a6f1cd;
-@green10: #a6f1cd;
+@green-1: #11211d;
+@green1: #11211d;
+@green-2: #113329;
+@green2: #113329;
+@green-3: #144535;
+@green3: #144535;
+@green-4: #145d45;
+@green4: #145d45;
+@green-5: #147e5b;
+@green5: #147e5b;
+@green-6: #149f71;
+@green6: #149f71;
+@green-7: #32b284;
+@green7: #32b284;
+@green-8: #57c89a;
+@green8: #57c89a;
+@green-9: #80d8b1;
+@green9: #80d8b1;
+@green-10: #ade7cb;
+@green10: #ade7cb;
 @magenta-1: #291321;
 @magenta1: #291321;
 @magenta-2: #40162f;
@@ -164,26 +164,26 @@
 @pink9: #f8a8cc;
 @pink-10: #fad2e3;
 @pink10: #fad2e3;
-@red-1: #2b1416;
-@red1: #2b1416;
-@red-2: #44191a;
-@red2: #44191a;
-@red-3: #591f1f;
-@red3: #591f1f;
-@red-4: #7b2525;
-@red4: #7b2525;
-@red-5: #a92c2c;
-@red5: #a92c2c;
-@red-6: #d73333;
-@red6: #d73333;
-@red-7: #e8615b;
-@red7: #e8615b;
-@red-8: #f38e86;
-@red8: #f38e86;
-@red-9: #f8b7b0;
-@red9: #f8b7b0;
-@red-10: #fadeda;
-@red10: #fadeda;
+@red-1: #291517;
+@red1: #291517;
+@red-2: #411b1c;
+@red2: #411b1c;
+@red-3: #562222;
+@red3: #562222;
+@red-4: #772929;
+@red4: #772929;
+@red-5: #a23333;
+@red5: #a23333;
+@red-6: #ce3c3c;
+@red6: #ce3c3c;
+@red-7: #e56a66;
+@red7: #e56a66;
+@red-8: #f39992;
+@red8: #f39992;
+@red-9: #f8c3bd;
+@red9: #f8c3bd;
+@red-10: #fae9e7;
+@red10: #fae9e7;
 @orange-1: #2b1d11;
 @orange1: #2b1d11;
 @orange-2: #442a11;
@@ -204,26 +204,26 @@
 @orange9: #f8cf8d;
 @orange-10: #fae3b7;
 @orange10: #fae3b7;
-@yellow-1: #2c1f11;
-@yellow1: #2c1f11;
-@yellow-2: #452f12;
-@yellow2: #452f12;
-@yellow-3: #5b3f16;
-@yellow3: #5b3f16;
-@yellow-4: #7e5417;
-@yellow4: #7e5417;
-@yellow-5: #ad7018;
-@yellow5: #ad7018;
-@yellow-6: #dc8d19;
-@yellow6: #dc8d19;
-@yellow-7: #e8a93d;
-@yellow7: #e8a93d;
-@yellow-8: #f3c567;
-@yellow8: #f3c567;
-@yellow-9: #f8d990;
-@yellow9: #f8d990;
-@yellow-10: #fae9ba;
-@yellow10: #fae9ba;
+@yellow-1: #2a1f12;
+@yellow1: #2a1f12;
+@yellow-2: #432e14;
+@yellow2: #432e14;
+@yellow-3: #573e19;
+@yellow3: #573e19;
+@yellow-4: #79531c;
+@yellow4: #79531c;
+@yellow-5: #a66e1f;
+@yellow5: #a66e1f;
+@yellow-6: #d28a22;
+@yellow6: #d28a22;
+@yellow-7: #e8ab49;
+@yellow7: #e8ab49;
+@yellow-8: #f3c773;
+@yellow8: #f3c773;
+@yellow-9: #f8db9d;
+@yellow9: #f8db9d;
+@yellow-10: #faecc5;
+@yellow10: #faecc5;
 @volcano-1: #2b1611;
 @volcano1: #2b1611;
 @volcano-2: #441d12;
@@ -322,96 +322,96 @@
 @colorBgBlur: rgba(255,255,255,0.04);
 @colorBorder: #424242;
 @colorBorderSecondary: #303030;
-@colorPrimaryBg: #0e2e5b;
-@colorPrimaryBgHover: #0b3b7e;
-@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: #2b1416;
-@colorErrorBgHover: #44191a;
-@colorErrorBgFilledHover: #421a1b;
-@colorErrorBgActive: #591f1f;
-@colorErrorBorder: #591f1f;
-@colorErrorBorderHover: #7b2525;
-@colorErrorHover: #e8615b;
-@colorErrorActive: #a92c2c;
-@colorErrorTextHover: #e8615b;
-@colorErrorText: #d73333;
-@colorErrorTextActive: #a92c2c;
-@colorWarningBg: #2c1f11;
-@colorWarningBgHover: #452f12;
-@colorWarningBorder: #5b3f16;
-@colorWarningBorderHover: #7e5417;
-@colorWarningHover: #7e5417;
-@colorWarningActive: #ad7018;
-@colorWarningTextHover: #e8a93d;
-@colorWarningText: #dc8d19;
-@colorWarningTextActive: #ad7018;
-@colorInfoBg: #111a2c;
-@colorInfoBgHover: #0f2445;
-@colorInfoBorder: #0e2e5b;
-@colorInfoBorderHover: #0b3b7e;
-@colorInfoHover: #0b3b7e;
-@colorInfoActive: #074cad;
-@colorInfoTextHover: #277de8;
-@colorInfoText: #035ddc;
-@colorInfoTextActive: #074cad;
-@colorLinkHover: #0b3b7e;
-@colorLinkActive: #074cad;
+@colorPrimaryBg: #122e57;
+@colorPrimaryBgHover: #113c78;
+@colorPrimaryBorder: #122e57;
+@colorPrimaryBorderHover: #113c78;
+@colorPrimaryHover: #3384e8;
+@colorPrimaryActive: #0f4da4;
+@colorPrimaryTextHover: #3384e8;
+@colorPrimaryText: #0e5fd1;
+@colorPrimaryTextActive: #0f4da4;
+@colorSuccessBg: #11211d;
+@colorSuccessBgHover: #113329;
+@colorSuccessBorder: #144535;
+@colorSuccessBorderHover: #145d45;
+@colorSuccessHover: #145d45;
+@colorSuccessActive: #147e5b;
+@colorSuccessTextHover: #32b284;
+@colorSuccessText: #149f71;
+@colorSuccessTextActive: #147e5b;
+@colorErrorBg: #291517;
+@colorErrorBgHover: #411b1c;
+@colorErrorBgFilledHover: #401c1d;
+@colorErrorBgActive: #562222;
+@colorErrorBorder: #562222;
+@colorErrorBorderHover: #772929;
+@colorErrorHover: #e56a66;
+@colorErrorActive: #a23333;
+@colorErrorTextHover: #e56a66;
+@colorErrorText: #ce3c3c;
+@colorErrorTextActive: #a23333;
+@colorWarningBg: #2a1f12;
+@colorWarningBgHover: #432e14;
+@colorWarningBorder: #573e19;
+@colorWarningBorderHover: #79531c;
+@colorWarningHover: #79531c;
+@colorWarningActive: #a66e1f;
+@colorWarningTextHover: #e8ab49;
+@colorWarningText: #d28a22;
+@colorWarningTextActive: #a66e1f;
+@colorInfoBg: #111a2a;
+@colorInfoBgHover: #0f2342;
+@colorInfoBorder: #122e57;
+@colorInfoBorderHover: #113c78;
+@colorInfoHover: #113c78;
+@colorInfoActive: #0f4da4;
+@colorInfoTextHover: #3384e8;
+@colorInfoText: #0e5fd1;
+@colorInfoTextActive: #0f4da4;
+@colorLinkHover: #113c78;
+@colorLinkActive: #0f4da4;
 @colorBgMask: rgba(0,0,0,0.45);
 @colorWhite: #fff;
-@fontSizeSM: 12;
-@fontSizeLG: 16;
-@fontSizeXL: 20;
-@fontSizeHeading1: 38;
-@fontSizeHeading2: 30;
-@fontSizeHeading3: 24;
-@fontSizeHeading4: 20;
-@fontSizeHeading5: 16;
-@lineHeight: 1.5714285714285714;
-@lineHeightLG: 1.5;
-@lineHeightSM: 1.6666666666666667;
-@fontHeight: 22;
-@fontHeightLG: 24;
-@fontHeightSM: 20;
-@lineHeightHeading1: 1.2105263157894737;
-@lineHeightHeading2: 1.2666666666666666;
-@lineHeightHeading3: 1.3333333333333333;
-@lineHeightHeading4: 1.4;
-@lineHeightHeading5: 1.5;
-@sizeXXL: 48;
-@sizeXL: 32;
-@sizeLG: 24;
-@sizeMD: 20;
-@sizeMS: 16;
-@size: 16;
-@sizeSM: 12;
-@sizeXS: 8;
-@sizeXXS: 4;
-@controlHeightSM: 24;
-@controlHeightXS: 16;
-@controlHeightLG: 40;
+@fontSizeSM: 10px;
+@fontSizeLG: 14px;
+@fontSizeXL: 18px;
+@fontSizeHeading1: 34px;
+@fontSizeHeading2: 28px;
+@fontSizeHeading3: 22px;
+@fontSizeHeading4: 18px;
+@fontSizeHeading5: 14px;
+@lineHeight: 1.6153846153846154;
+@lineHeightLG: 1.5714285714285714;
+@lineHeightSM: 1.8;
+@fontHeight: 21px;
+@fontHeightLG: 22px;
+@fontHeightSM: 18px;
+@lineHeightHeading1: 1.2352941176470589;
+@lineHeightHeading2: 1.2857142857142858;
+@lineHeightHeading3: 1.3636363636363635;
+@lineHeightHeading4: 1.4444444444444444;
+@lineHeightHeading5: 1.5714285714285714;
+@sizeXXL: 48px;
+@sizeXL: 32px;
+@sizeLG: 24px;
+@sizeMD: 20px;
+@sizeMS: 16px;
+@size: 16px;
+@sizeSM: 12px;
+@sizeXS: 8px;
+@sizeXXS: 4px;
+@controlHeightSM: 24px;
+@controlHeightXS: 16px;
+@controlHeightLG: 40px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
-@lineWidthBold: 2;
-@borderRadiusXS: 2;
-@borderRadiusSM: 4;
-@borderRadiusLG: 8;
-@borderRadiusOuter: 4;
+@lineWidthBold: 2px;
+@borderRadiusXS: 1px;
+@borderRadiusSM: 4px;
+@borderRadiusLG: 4px;
+@borderRadiusOuter: 4px;
 @colorFillContent: rgba(255,255,255,0.12);
 @colorFillContentHover: rgba(255,255,255,0.18);
 @colorFillAlter: rgba(255,255,255,0.04);
@@ -424,51 +424,51 @@
 @colorTextLabel: rgba(255,255,255,0.65);
 @colorTextDescription: rgba(255,255,255,0.45);
 @colorTextLightSolid: #fff;
-@colorHighlight: #d73333;
+@colorHighlight: #ce3c3c;
 @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;
+@colorErrorOutline: rgba(253,31,53,0.09);
+@colorWarningOutline: rgba(240,130,0,0.1);
+@fontSizeIcon: 10px;
+@lineWidthFocus: 3px;
+@controlOutlineWidth: 2px;
+@controlInteractiveSize: 16px;
 @controlItemBgHover: rgba(255,255,255,0.08);
-@controlItemBgActive: #0e2e5b;
-@controlItemBgActiveHover: #0b3b7e;
+@controlItemBgActive: #122e57;
+@controlItemBgActiveHover: #113c78;
 @controlItemBgActiveDisabled: rgba(255,255,255,0.18);
 @controlTmpOutline: rgba(255,255,255,0.04);
-@controlOutline: rgba(1,104,249,0.31);
+@controlOutline: rgba(13,110,251,0.29);
 @fontWeightStrong: 600;
 @opacityLoading: 0.65;
 @linkDecoration: none;
 @linkHoverDecoration: none;
 @linkFocusDecoration: none;
-@controlPaddingHorizontal: 12;
-@controlPaddingHorizontalSM: 8;
-@paddingXXS: 4;
-@paddingXS: 8;
-@paddingSM: 12;
-@padding: 16;
-@paddingMD: 20;
-@paddingLG: 24;
-@paddingXL: 32;
-@paddingContentHorizontalLG: 24;
-@paddingContentVerticalLG: 16;
-@paddingContentHorizontal: 16;
-@paddingContentVertical: 12;
-@paddingContentHorizontalSM: 16;
-@paddingContentVerticalSM: 8;
-@marginXXS: 4;
-@marginXS: 8;
-@marginSM: 12;
-@margin: 16;
-@marginMD: 20;
-@marginLG: 24;
-@marginXL: 32;
-@marginXXL: 48;
+@controlPaddingHorizontal: 12px;
+@controlPaddingHorizontalSM: 8px;
+@paddingXXS: 4px;
+@paddingXS: 8px;
+@paddingSM: 12px;
+@padding: 16px;
+@paddingMD: 20px;
+@paddingLG: 24px;
+@paddingXL: 32px;
+@paddingContentHorizontalLG: 24px;
+@paddingContentVerticalLG: 16px;
+@paddingContentHorizontal: 16px;
+@paddingContentVertical: 12px;
+@paddingContentHorizontalSM: 16px;
+@paddingContentVerticalSM: 8px;
+@marginXXS: 4px;
+@marginXS: 8px;
+@marginSM: 12px;
+@margin: 16px;
+@marginMD: 20px;
+@marginLG: 24px;
+@marginXL: 32px;
+@marginXXL: 48px;
 @boxShadow: 
       0 6px 16px 0 rgba(0, 0, 0, 0.08),
       0 3px 6px -4px rgba(0, 0, 0, 0.12),
@@ -484,23 +484,23 @@
       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;
-@screenSM: 576;
-@screenSMMin: 576;
-@screenSMMax: 767;
-@screenMD: 768;
-@screenMDMin: 768;
-@screenMDMax: 991;
-@screenLG: 992;
-@screenLGMin: 992;
-@screenLGMax: 1199;
-@screenXL: 1200;
-@screenXLMin: 1200;
-@screenXLMax: 1599;
-@screenXXL: 1600;
-@screenXXLMin: 1600;
+@screenXS: 480px;
+@screenXSMin: 480px;
+@screenXSMax: 575px;
+@screenSM: 576px;
+@screenSMMin: 576px;
+@screenSMMax: 767px;
+@screenMD: 768px;
+@screenMDMin: 768px;
+@screenMDMax: 991px;
+@screenLG: 992px;
+@screenLGMin: 992px;
+@screenLGMax: 1199px;
+@screenXL: 1200px;
+@screenXLMin: 1200px;
+@screenXLMax: 1599px;
+@screenXXL: 1600px;
+@screenXXLMin: 1600px;
 @boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 @boxShadowCard: 
       0 1px 2px -2px rgba(0,0,0,0.16),