@oceanbase/design 1.0.0-alpha.0 → 1.0.0-alpha.10

package/lib/theme/style/dark.less

@@ -1,20 +1,20 @@
 @blue: #0e5fd1;
 @purple: #722ED1;
 @cyan: #13C2C2;
-@green: #0ca774;
+@green: #169f72;
 @magenta: #EB2F96;
 @pink: #EB2F96;
-@red: #d73333;
+@red: #cb3b3b;
 @orange: #FA8C16;
-@yellow: #dc8d19;
+@yellow: #d28a22;
 @volcano: #FA541C;
 @geekblue: #2F54EB;
 @gold: #FAAD14;
 @lime: #A0D911;
 @colorPrimary: #0e5fd1;
-@colorSuccess: #0ca774;
-@colorWarning: #dc8d19;
-@colorError: #d73333;
+@colorSuccess: #169f72;
+@colorWarning: #d28a22;
+@colorError: #cb3b3b;
 @colorInfo: #0e5fd1;
 @colorLink: #0e5fd1;
 @colorTextBase: #fff;
@@ -38,7 +38,7 @@
 @sizeUnit: 4px;
 @sizeStep: 4px;
 @sizePopupArrow: 16px;
-@controlHeight: 32px;
+@controlHeight: 28px;
 @zIndexBase: 0;
 @zIndexPopupBase: 1000;
 @opacityImage: 1;
@@ -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: #123329;
+@green2: #123329;
+@green-3: #154535;
+@green3: #154535;
+@green-4: #155e46;
+@green4: #155e46;
+@green-5: #157f5c;
+@green5: #157f5c;
+@green-6: #169f72;
+@green6: #169f72;
+@green-7: #34b285;
+@green7: #34b285;
+@green-8: #58c89b;
+@green8: #58c89b;
+@green-9: #82d8b2;
+@green9: #82d8b2;
+@green-10: #afe7cc;
+@green10: #afe7cc;
 @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: #401a1c;
+@red2: #401a1c;
+@red-3: #552222;
+@red3: #552222;
+@red-4: #752929;
+@red4: #752929;
+@red-5: #a03232;
+@red5: #a03232;
+@red-6: #cb3b3b;
+@red6: #cb3b3b;
+@red-7: #e06864;
+@red7: #e06864;
+@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;
@@ -331,35 +331,35 @@
 @colorPrimaryTextHover: #3384e8;
 @colorPrimaryText: #0e5fd1;
 @colorPrimaryTextActive: #0f4da4;
-@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;
+@colorSuccessBg: #11211d;
+@colorSuccessBgHover: #123329;
+@colorSuccessBorder: #154535;
+@colorSuccessBorderHover: #155e46;
+@colorSuccessHover: #155e46;
+@colorSuccessActive: #157f5c;
+@colorSuccessTextHover: #34b285;
+@colorSuccessText: #169f72;
+@colorSuccessTextActive: #157f5c;
+@colorErrorBg: #291517;
+@colorErrorBgHover: #401a1c;
+@colorErrorBgFilledHover: #3f1c1d;
+@colorErrorBgActive: #552222;
+@colorErrorBorder: #552222;
+@colorErrorBorderHover: #752929;
+@colorErrorHover: #e06864;
+@colorErrorActive: #a03232;
+@colorErrorTextHover: #e06864;
+@colorErrorText: #cb3b3b;
+@colorErrorTextActive: #a03232;
+@colorWarningBg: #2a1f12;
+@colorWarningBgHover: #432e14;
+@colorWarningBorder: #573e19;
+@colorWarningBorderHover: #79531c;
+@colorWarningHover: #79531c;
+@colorWarningActive: #a66e1f;
+@colorWarningTextHover: #e8ab49;
+@colorWarningText: #d28a22;
+@colorWarningTextActive: #a66e1f;
 @colorInfoBg: #111a2a;
 @colorInfoBgHover: #0f2342;
 @colorInfoBorder: #122e57;
@@ -401,9 +401,9 @@
 @sizeSM: 12px;
 @sizeXS: 8px;
 @sizeXXS: 4px;
-@controlHeightSM: 24px;
-@controlHeightXS: 16px;
-@controlHeightLG: 40px;
+@controlHeightSM: 21px;
+@controlHeightXS: 14px;
+@controlHeightLG: 35px;
 @motionDurationFast: 0.1s;
 @motionDurationMid: 0.2s;
 @motionDurationSlow: 0.3s;
@@ -424,17 +424,17 @@
 @colorTextLabel: rgba(255,255,255,0.65);
 @colorTextDescription: rgba(255,255,255,0.45);
 @colorTextLightSolid: #fff;
-@colorHighlight: #d73333;
+@colorHighlight: #cb3b3b;
 @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);
+@colorErrorOutline: rgba(253,31,53,0.09);
+@colorWarningOutline: rgba(240,130,0,0.1);
 @fontSizeIcon: 10px;
 @lineWidthFocus: 3px;
 @controlOutlineWidth: 2px;
-@controlInteractiveSize: 16px;
+@controlInteractiveSize: 14px;
 @controlItemBgHover: rgba(255,255,255,0.08);
 @controlItemBgActive: #122e57;
 @controlItemBgActiveHover: #113c78;