naive-ui/styles/themes/light/components/Notification.scss
2020-02-19 13:36:29 +08:00

17 lines
705 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-primary-text-color !global;
$--notification-content-text-color: $--n-secondary-text-color !global;
$--notification-description-text-color: $--n-tertiary-text-color !global;
$--notification-action-text-color: $--n-secondary-text-color !global;
}