naive-ui/styles/themes/light/components/Notification.scss
2019-12-08 20:47:14 +08:00

17 lines
693 B
SCSS

@mixin setup-light-notification {
$--notification-avatar-fill: (
'default': $--n-secondary-text-color,
'success': $--success-6,
'info': $--info-6,
'warning': $--warning-6,
'error': $--error-6
) !global;
$--notification-background-color: $--n-popover-color !global;
$--notification-text-color: $--n-secondary-text-color !global;
$--notification-close-fill: $--n-close-color !global;
$--notification-header-text-color: $--n-text-color !global;
$--notification-content-text-color: $--n-secondary-text-color !global;
$--notification-description-text-color: $--n-meta-text-color !global;
$--notification-action-text-color: $--n-secondary-text-color !global;
}