Skip to content

Commit ab26180

Browse files
committed
feat: New theme less variable for Radio, Divider, Modal, Dropdown, Drawer.
1 parent 4471520 commit ab26180

File tree

3 files changed

+23
-0
lines changed

3 files changed

+23
-0
lines changed

components/style/themes/dark.less

+11
Original file line numberDiff line numberDiff line change
@@ -320,6 +320,17 @@
320320
@table-filter-dropdown-bg: @popover-background;
321321
@table-expand-icon-bg: transparent;
322322

323+
// Tag
324+
// ---
325+
@info-color-deprecated-bg: @primary-1;
326+
@info-color-deprecated-border: @primary-3;
327+
@success-color-deprecated-bg: @green-1;
328+
@success-color-deprecated-border: @green-3;
329+
@warning-color-deprecated-bg: @orange-1;
330+
@warning-color-deprecated-border: @orange-3;
331+
@error-color-deprecated-bg: @red-1;
332+
@error-color-deprecated-border: @red-3;
333+
323334
// TimePicker
324335
// ---
325336
@picker-basic-cell-hover-with-range-color: darken(@primary-color, 35%);

components/style/themes/default.less

+6
Original file line numberDiff line numberDiff line change
@@ -283,10 +283,12 @@
283283
@divider-text-padding: 1em;
284284
@divider-orientation-margin: 5%;
285285
@divider-color: rgba(0, 0, 0, 6%);
286+
@divider-vertical-gutter: 8px;
286287

287288
// Dropdown
288289
@dropdown-selected-color: @primary-color;
289290
@dropdown-menu-submenu-disabled-bg: @component-background;
291+
@dropdown-selected-bg: @item-active-bg;
290292

291293
// Empty
292294
@empty-font-size: @font-size-base;
@@ -306,6 +308,7 @@
306308
@radio-button-color: @btn-default-color;
307309
@radio-button-hover-color: @primary-5;
308310
@radio-button-active-color: @primary-7;
311+
@radio-button-padding-horizontal: @padding-md - 1px;
309312
@radio-disabled-button-checked-bg: @disabled-active-bg;
310313
@radio-disabled-button-checked-color: @disabled-color;
311314
@radio-wrapper-margin-right: 8px;
@@ -566,6 +569,7 @@
566569
@modal-footer-border-width: @border-width-base;
567570
@modal-mask-bg: fade(@black, 45%);
568571
@modal-confirm-body-padding: 32px 32px 24px;
572+
@modal-confirm-title-font-size: @font-size-lg;
569573

570574
// Progress
571575
// --
@@ -992,6 +996,8 @@
992996
@drawer-footer-padding-vertical: @modal-footer-padding-vertical;
993997
@drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
994998
@drawer-header-close-size: 56px;
999+
@drawer-title-font-size: @font-size-lg;
1000+
@drawer-title-line-height: 22px;
9951001

9961002
// Timeline
9971003
// ---

components/style/themes/variable.less

+6
Original file line numberDiff line numberDiff line change
@@ -338,10 +338,12 @@ html {
338338
@divider-text-padding: 1em;
339339
@divider-orientation-margin: 5%;
340340
@divider-color: rgba(0, 0, 0, 6%);
341+
@divider-vertical-gutter: 8px;
341342

342343
// Dropdown
343344
@dropdown-selected-color: @primary-color;
344345
@dropdown-menu-submenu-disabled-bg: @component-background;
346+
@dropdown-selected-bg: @item-active-bg;
345347

346348
// Empty
347349
@empty-font-size: @font-size-base;
@@ -361,6 +363,7 @@ html {
361363
@radio-button-color: @btn-default-color;
362364
@radio-button-hover-color: @primary-5;
363365
@radio-button-active-color: @primary-7;
366+
@radio-button-padding-horizontal: @padding-md - 1px;
364367
@radio-disabled-button-checked-bg: @disabled-active-bg;
365368
@radio-disabled-button-checked-color: @disabled-color;
366369
@radio-wrapper-margin-right: 8px;
@@ -621,6 +624,7 @@ html {
621624
@modal-footer-border-width: @border-width-base;
622625
@modal-mask-bg: fade(@black, 45%);
623626
@modal-confirm-body-padding: 32px 32px 24px;
627+
@modal-confirm-title-font-size: @font-size-lg;
624628

625629
// Progress
626630
// --
@@ -1047,6 +1051,8 @@ html {
10471051
@drawer-footer-padding-vertical: @modal-footer-padding-vertical;
10481052
@drawer-footer-padding-horizontal: @modal-footer-padding-horizontal;
10491053
@drawer-header-close-size: 56px;
1054+
@drawer-title-font-size: @font-size-lg;
1055+
@drawer-title-line-height: 22px;
10501056

10511057
// Timeline
10521058
// ---

0 commit comments

Comments
 (0)