.el-range-editor .el-range-input{
|
background-color:transparent;
|
color: @dark--text-base;
|
}
|
.el-date-editor .el-range-separator{
|
color: @dark--text-base;
|
}
|
.el-picker-panel{
|
border: 1px solid @dark--border-color-base;
|
box-shadow: 0 2px 6px @dark--border-color-base;
|
background: @dark--background-base;
|
color: @dark--text-base;
|
.el-picker-panel__sidebar{
|
border-right: 1px solid @dark--border-color-base;
|
background-color: @dark--background-base;
|
.el-picker-panel__shortcut{
|
color: @dark--text-base;
|
}
|
.el-picker-panel__shortcut:hover{
|
background-color: @dark--select-selected-background;
|
}
|
}
|
.prev-month{
|
color: @dark--text-disabled;
|
}
|
.next-month{
|
color: @dark--text-disabled;
|
}
|
.available:hover{
|
background-color: @dark--select-selected-background;
|
}
|
.start-date{
|
background-color: @dark--primary-opacity-color-3 !important;
|
}
|
.end-date{
|
background-color: @dark--primary-opacity-color-3 !important;
|
}
|
.in-range{
|
background-color: @dark--primary-opacity-color-1;
|
}
|
.today{
|
color: @dark--primary-color;
|
}
|
.today:before{
|
border-top: .5em solid @dark--primary-color;
|
}
|
.el-date-table th{
|
color: @dark--text-secondary;
|
}
|
.el-icon-arrow-left:hover{
|
color: @dark--primary-color;
|
}
|
.el-icon-d-arrow-left:hover{
|
color: @dark--primary-color;
|
}
|
.el-icon-d-arrow-right:hover{
|
color: @dark--primary-color;
|
}
|
.el-icon-arrow-right:hover{
|
color: @dark--primary-color;
|
}
|
.disabled{
|
background: transparent;
|
color: @dark--text-disabled;
|
}
|
.cell{
|
color: @dark--text-base;
|
}
|
.cell:hover{
|
background: @dark--primary-opacity-color-3;
|
}
|
.el-date-table td.current:not(.disabled), .el-date-table td.end-date, .el-date-table td.start-date{
|
color: @dark--text-base;
|
background-color: @dark--primary-opacity-color-3 !important;
|
}
|
.el-time-panel{
|
border: 1px solid @dark--border-color-base;
|
// box-shadow: 0 2px 6px @dark--border-color-base;
|
background: @dark--background-base;
|
color: @dark--text-base;
|
.el-time-spinner__item:hover{
|
background-color: @dark--select-selected-background;
|
}
|
.el-time-panel__content::after, .el-time-panel__content::before{
|
background-color: @dark--primary-opacity-color-3;
|
color: @dark--text-base;
|
content: "";
|
top: 50%;
|
// color: #fff;
|
position: absolute;
|
font-size: 14px;
|
margin-top: -12px;
|
line-height: 16px;
|
height: 32px;
|
z-index: -1;
|
left: 0;
|
right: 0;
|
box-sizing: border-box;
|
padding-top: 6px;
|
text-align: left;
|
}
|
.el-time-panel__footer{
|
border-top: 1px solid @dark--border-color-base;
|
.cancel{
|
color: @dark--link-disabled-color;
|
}
|
.confirm{
|
color: @dark--button-text-color;
|
}
|
}
|
.el-date-picker__header-label:hover{
|
color: @dark--select-selected-background !important;
|
}
|
}
|
.el-picker-panel__footer{
|
border-top: 1px solid @dark--border-color-base;
|
background: @dark--background-base;
|
color: @dark--text-base;
|
.el-picker-panel__link-btn{
|
color: @dark--text-base;
|
}
|
.el-picker-panel__btn{
|
border: 1px solid @dark--border-color-base;
|
color: @dark--button-text-color;
|
}
|
}
|
.el-year-table td.current:not(.disabled) .cell{
|
background-color: @dark--primary-opacity-color-3 !important;
|
color: @dark--text-base;
|
}
|
.el-date-picker__time-header{
|
border-bottom: 1px solid @dark--border-color-base;
|
}
|
|
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div{
|
background-color: transparent;
|
}
|
.el-date-table td.end-date span, .el-date-table td.start-date span{
|
background-color:transparent;
|
}
|
.el-picker-panel__footer .el-button.is-disabled.is-plain{
|
background-color:@dark--button-primary-background-color;
|
border-color:@dark--primary-color;
|
}
|
.el-picker-panel__footer .el-picker-panel__link-btn{
|
padding: 8px 15px;
|
border: 1px solid @dark--primary-color;
|
}
|
.el-picker-panel__footer .el-picker-panel__link-btn:hover{
|
border-color: #0f93a9;
|
}
|
.el-picker-panel__footer .is-plain{
|
background-color:@dark--button-primary-background-color;
|
border-color:@dark--primary-color;
|
}
|
.el-picker-panel__footer .is-plain:hover{
|
background-color:#33a3b6;
|
border-color: rgb(81, 229, 253);
|
}
|
.el-date-range-picker__content.is-left,.el-date-range-picker__time-header{
|
border-color:@dark--primary-color;
|
}
|
.el-date-table th{
|
border-bottom:1px solid @dark--primary-color;
|
}
|
.popper__arrow{
|
display:none;
|
}
|
}
|
