mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat: add @dropdown-menu-bg, @time-picker-bg, @calendar-bg, @calendar-input-bg, @pagination-item-bg

Browse Source
This commit is contained in:
ycjcl868 2019-11-28 21:43:54 +08:00 committed by GitHub Action
parent 34f3b44f6d
commit dfa14f469a
7 changed files with 43 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/date-picker/style/Calendar.less
View File

@ -150,7 +150,7 @@
line-height: @line-height-base;
text-align: left;
list-style: none;
background-color: @component-background;
background-color: @calendar-bg;
background-clip: padding-box;
border: @border-width-base @border-style-base @calendar-border-color;
border-radius: @border-radius-base;
@ -167,7 +167,7 @@
width: 100%;
height: 22px;
color: @input-color;
background: @input-bg;
background: @calendar-input-bg;
border: 0;
outline: 0;
cursor: auto;

4
components/date-picker/style/TimePicker.less
View File

@ -2,7 +2,7 @@
position: absolute;
top: 40px;
width: 100%;
background-color: @component-background;
background-color: @time-picker-bg;
&-panel {
position: absolute;
@ -82,7 +82,7 @@
text-align: center;
list-style: none;
cursor: pointer;
transition: all .3s;
transition: all 0.3s;
user-select: none;
&:last-child::after {

2
components/dropdown/style/index.less
View File

@ -52,7 +52,7 @@
padding: 4px 0;
text-align: left;
list-style-type: none;
background-color: @component-background;
background-color: @dropdown-menu-bg;
background-clip: padding-box;
border-radius: @border-radius-base;
outline: none;

3
components/notification/style/index.less
View File

@ -2,6 +2,7 @@
@import '../../style/mixins/index';
@notification-prefix-cls: ~'@{ant-prefix}-notification';
@notification-bg: @component-background;
@notification-width: 384px;
@notification-padding-vertical: 16px;
@notification-padding-horizontal: 24px;
@ -39,7 +40,7 @@
padding: @notification-padding;
overflow: hidden;
line-height: 1.5;
background: @component-background;
background: @notification-bg;
border-radius: @border-radius-base;
box-shadow: @shadow-2;

2
components/pagination/style/index.less
View File

@ -41,7 +41,7 @@
text-align: center;
vertical-align: middle;
list-style: none;
background-color: @component-background;
background-color: @pagination-item-bg;
border: @border-width-base @border-style-base @border-color-base;
border-radius: @border-radius-base;
outline: 0;

39
components/style/themes/dark.less
View File

@ -144,8 +144,9 @@
@primary-9: @blue-9; // unused
@primary-10: @blue-10; // unused
@gray-11: #1f1f1f;
@body-background: @black;
@component-background: #1f1f1f;
@component-background: #141414;
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
@ -190,7 +191,7 @@
@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
@btn-default-bg: @component-background;
@btn-default-bg: transparent;
@btn-danger-bg: @red-7;
@btn-danger-border: @red-7;
@ -204,7 +205,9 @@
// Descriptions
@descriptions-bg: @component-background;
// Empty
// Modal
@modal-header-bg: @gray-11;
@modal-content-bg: @gray-11;
// Radio
@radtio-solid-checked-color: @white;
@ -214,7 +217,7 @@
@radio-disabled-button-checked-color: @text-color;
// Layout
@layout-body-background: #141414;
@layout-body-background: @component-background;
@layout-header-background: @layout-body-background;
@layout-footer-background: @layout-body-background;
@layout-sider-background: @layout-body-background;
@ -238,17 +241,29 @@
// dark theme
@menu-dark-submenu-bg: @black;
// Message
// ---
@message-notice-content-bg: @gray-11;
// Notification
@notification-bg: @gray-11;
// Table
// --
@table-bg: #141414;
@table-header-bg: #1d1d1d;
// TimePicker
// ---
@time-picker-selected-bg: @item-active-bg;
@time-picker-bg: @gray-11;
// Dropdown
// ---
@dropdown-menu-bg: @gray-11;
// Calendar
// ---
@calendar-bg: @gray-11;
@calendar-input-bg: @calendar-bg;
@calendar-border-color: transparent;
@calendar-item-active-bg: @background-color-base;
@ -256,11 +271,16 @@
// ---
@badge-text-color: @white;
// Popover
@popover-bg: @gray-11;
// Drawer
@drawer-bg: @gray-11;
// Card
// ---
@card-actions-background: #141414;
@card-actions-background: @component-background;
@card-skeleton-bg: #f2f2f2;
@card-background: #141414;
@card-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.48), 0 3px 6px 0 rgba(0, 0, 0, 0.36),
0 5px 12px 4px rgba(0, 0, 0, 0.27);
@ -287,7 +307,8 @@
// Skeleton
// ---
@skeleton-color: #262626;
@skeleton-color: #303030;
@skeleton-to-color: fade(@white, 16%);
// Alert
// ---

5
components/style/themes/default.less
View File

@ -302,6 +302,7 @@
@collapse-panel-border-radius: @border-radius-base;
//Dropdown
@dropdown-menu-bg: @component-background;
@dropdown-vertical-padding: 5px;
@dropdown-font-size: @font-size-base;
@dropdown-line-height: 22px;
@ -475,12 +476,15 @@
// TimePicker
// ---
@time-picker-bg: @component-background;
@time-picker-panel-column-width: 56px;
@time-picker-panel-width: @time-picker-panel-column-width * 3;
@time-picker-selected-bg: @item-active-bg;
// Calendar
// ---
@calendar-bg: @component-background;
@calendar-input-bg: @input-bg;
@calendar-border-color: @border-color-inverse;
@calendar-item-active-bg: @item-active-bg;
@ -583,6 +587,7 @@
// Pagination
// ---
@pagination-item-bg: @component-background;
@pagination-item-size: 32px;
@pagination-item-size-sm: 24px;
@pagination-font-family: Arial;