fix: background color problem of time-picker component in night mode; 🐛

修复:时间选择组件夜晚模式下的背景色问题;
master
iczer 4 years ago
parent f6904cfa60
commit 09348fd627
  1. 9
      src/config/default/theme.js
  2. 3
      src/theme/antd/ant-time-picker.less
  3. 1
      src/theme/antd/index.less
  4. 1
      src/theme/index.less
  5. 2
      src/theme/theme.less

@ -16,6 +16,7 @@ const light = {
'shadow-color': 'rgba(0, 0, 0, 0.15)', 'shadow-color': 'rgba(0, 0, 0, 0.15)',
'border-color-split': '#f0f0f0', 'border-color-split': '#f0f0f0',
'background-color-light': '#fafafa', 'background-color-light': '#fafafa',
'background-color-base': '#f5f5f5',
'table-selected-row-bg': '#fafafa', 'table-selected-row-bg': '#fafafa',
'checkbox-check-color': '#fff', 'checkbox-check-color': '#fff',
'disabled-color': 'rgba(0, 0, 0, 0.25)', 'disabled-color': 'rgba(0, 0, 0, 0.25)',
@ -37,13 +38,14 @@ const dark = {
'shadow-color': 'rgba(0, 0, 0, 0.15)', 'shadow-color': 'rgba(0, 0, 0, 0.15)',
'border-color-split': '#f0f0f0', 'border-color-split': '#f0f0f0',
'background-color-light': '#fafafa', 'background-color-light': '#fafafa',
'background-color-base': '#f5f5f5',
'table-selected-row-bg': '#fafafa', 'table-selected-row-bg': '#fafafa',
'checkbox-check-color': '#fff', 'checkbox-check-color': '#fff',
'disabled-color': 'rgba(0, 0, 0, 0.25)', 'disabled-color': 'rgba(0, 0, 0, 0.25)',
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', 'menu-dark-color': 'rgba(254, 254, 254, 0.65)',
'menu-dark-highlight-color': '#fefefe', 'menu-dark-highlight-color': '#fefefe',
'menu-dark-arrow-color': '#fefefe', 'menu-dark-arrow-color': '#fefefe',
'btn-primary-color': '#fff', 'btn-primary-color': '#fff'
} }
// 黑夜模式 // 黑夜模式
@ -57,8 +59,9 @@ const night = {
'text-color-secondary': 'rgba(255, 255, 255, 0.45)', 'text-color-secondary': 'rgba(255, 255, 255, 0.45)',
'shadow-color': 'rgba(255, 255, 255, 0.15)', 'shadow-color': 'rgba(255, 255, 255, 0.15)',
'border-color-split': '#303030', 'border-color-split': '#303030',
'background-color-light': '#404040', 'background-color-light': '#ffffff0a',
'table-selected-row-bg': '#404040', 'background-color-base': '#2a2a2a',
'table-selected-row-bg': '#ffffff0a',
'checkbox-check-color': '#141414', 'checkbox-check-color': '#141414',
'disabled-color': 'rgba(255, 255, 255, 0.25)', 'disabled-color': 'rgba(255, 255, 255, 0.25)',
'menu-dark-color': 'rgba(254, 254, 254, 0.65)', 'menu-dark-color': 'rgba(254, 254, 254, 0.65)',

@ -0,0 +1,3 @@
.ant-time-picker-panel-input{
background-color: @component-background;
}

@ -0,0 +1 @@
@import "ant-time-picker";

@ -1,2 +1,3 @@
@import '~ant-design-vue/dist/antd.less'; @import '~ant-design-vue/dist/antd.less';
@import "default/index"; @import "default/index";
@import "antd/index";

@ -1 +1 @@
@import "./default/index"; @import "default/index";

Loading…
Cancel
Save