fix: rename @gray-11 to @popover-background

This commit is contained in:
ycjcl868 2019-12-07 10:21:05 +08:00
parent 6e8df7cd53
commit bb42770da7
3 changed files with 25 additions and 23 deletions

View File

@ -159,7 +159,7 @@
@primary-10: @blue-10; // unused
// Layer background
@gray-11: #1f1f1f;
@popover-background: #1f1f1f;
@body-background: @black;
@component-background: #141414;
@ -178,7 +178,7 @@
// Border color
@border-color-base: #434343; // base border outline a component
@border-color-split: @gray-11; // split border inside a component
@border-color-split: @popover-background; // split border inside a component
@border-color-split-popover: #303030; // base border in Popover Container
@background-color-light: fade(@white, 4%); // background of header and selected item
@ -228,9 +228,9 @@
// Modal
// ---
@modal-header-bg: @gray-11;
@modal-header-bg: @popover-background;
@modal-header-border-color-split: @border-color-split-popover;
@modal-content-bg: @gray-11;
@modal-content-bg: @popover-background;
@modal-footer-border-color-split: @border-color-split-popover;
// Radio
@ -255,19 +255,19 @@
@input-bg: transparent;
@input-placeholder-color: fade(@white, 30%);
@input-number-handler-bg: transparent;
@input-number-handler-active-bg: @gray-11;
@input-number-handler-active-bg: @popover-background;
@input-icon-hover-color: fade(@white, 85%);
// Select
// ---
@select-background: transparent;
@select-dropdown-bg: @gray-11;
@select-dropdown-bg: @popover-background;
@select-clear-background: @component-background;
// Cascader
// ---
@cascader-bg: transparent;
@cascader-menu-bg: @gray-11;
@cascader-menu-bg: @popover-background;
@cascader-menu-border-color-split: @border-color-split-popover;
// Anchor
@ -283,14 +283,14 @@
// ---
// dark theme
@menu-dark-submenu-bg: @black;
@menu-popup-bg: @gray-11;
@menu-popup-bg: @popover-background;
// Message
// ---
@message-notice-content-bg: @gray-11;
@message-notice-content-bg: @popover-background;
// Notification
@notification-bg: @gray-11;
@notification-bg: @popover-background;
// LINK
@link-hover-color: @blue-5;
@ -305,18 +305,19 @@
@table-header-sort-bg: #262626;
@table-header-filter-active-bg: #434343;
@table-header-sort-active-bg: #262626;
@table-filter-btns-bg: @popover-background;
// TimePicker
// ---
@time-picker-bg: @gray-11;
@time-picker-inner-bg: @gray-11;
@time-picker-panel-inner-bg: @gray-11;
@month-panel-bg: @gray-11;
@year-panel-bg: @gray-11;
@time-picker-bg: @popover-background;
@time-picker-inner-bg: @popover-background;
@time-picker-panel-inner-bg: @popover-background;
@month-panel-bg: @popover-background;
@year-panel-bg: @popover-background;
// Dropdown
// ---
@dropdown-menu-bg: @gray-11;
@dropdown-menu-bg: @popover-background;
@dropdown-menu-submenu-disabled-bg: transparent;
// Steps
@ -330,7 +331,7 @@
// Calendar
// ---
@calendar-bg: @gray-11;
@calendar-bg: @popover-background;
@calendar-input-bg: @calendar-bg;
@calendar-border-color: transparent;
@calendar-item-active-bg: @background-color-base;
@ -340,10 +341,10 @@
@badge-text-color: @white;
// Popover
@popover-bg: @gray-11;
@popover-bg: @popover-background;
// Drawer
@drawer-bg: @gray-11;
@drawer-bg: @popover-background;
// Card
// ---
@ -411,4 +412,4 @@
// Mentions
// ---
@mentions-dropdown-bg: @gray-11;
@mentions-dropdown-bg: @popover-background;

View File

@ -43,6 +43,8 @@
@body-background: #fff;
// Base background color for most components
@component-background: #fff;
// Popover background color
@popover-background: @component-background;
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
@ -488,6 +490,7 @@
@table-header-sort-active-bg: darken(@table-header-bg, 3%);
// Filter
@table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
@table-filter-btns-bg: inherit;
// Tag
// --

View File

@ -294,9 +294,7 @@
padding: 7px 8px;
overflow: hidden;
border-top: @border-width-base @border-style-base @border-color-split;
& when (@theme = dark) {
background-color: @gray-11;
}
background-color: @table-filter-btns-bg;
}
}