naive-ui/styles/themes/dark/components/DatePicker.scss
songwanli2025@163.com fdf2af8eb5 merge
2020-02-24 16:25:02 +08:00

23 lines
974 B
SCSS

@mixin setup-dark-date-picker {
$--date-picker-background-color: $--n-popover-background-color !global;
$--date-picker-text-color: $--n-secondary-text-color !global;
$--date-picker-icon-color: $--n-icon-color !global;
$--date-picker-item-text-color: (
'inactive': $--n-disabled-text-color,
'default': $--n-secondary-text-color,
'active': $--n-modal-background-color,
'current': $--n-primary-color
) !global;
$--date-picker-item-sup-color: (
'default': $--n-primary-color,
'active': $--n-modal-background-color
) !global;
$--date-picker-month-text-color: $--n-primary-text-color !global;
$--date-picker-item-background-color: (
'hover': change-color($--n-primary-color, $alpha: .15),
'active': $--n-primary-color
) !global;
$--date-picker-divider-color: $--n-divider-color !global;
$--date-picker-box-shadow: $--n-popmenu-box-shadow !global;
$--date-picker-text-decoration-color: $--n-secondary-text-color !global;
}