naive-ui/styles/themes/dark/components/Alert.scss
2019-12-09 19:16:03 +08:00

38 lines
1.3 KiB
SCSS

@mixin setup-dark-alert {
$--alert-border-color: (
'default': rgba(255, 255, 255, .15),
'success': change-color($--success-hs, $alpha: .3),
'info': change-color($--info-hs, $alpha: .3),
'warning': change-color($--warning-hs, $alpha: .3),
'error': change-color($--error-hs, $alpha: .3)
) !global;
$--alert-background-color: (
'default': $--overlay-8,
'success': change-color($--success-hs, $alpha: .15),
'info': change-color($--info-hs, $alpha: .15),
'warning': change-color($--warning-hs, $alpha: .15),
'error': change-color($--error-hs, $alpha: .15)
) !global;
$--alert-title-text-color: (
'default': $--n-text-color,
'success': $--n-text-color,
'info': $--n-text-color,
'warning': $--n-text-color,
'error': $--n-text-color
) !global;
$--alert-icon-color: (
'default': $--n-secondary-text-color,
'success': $--success-hs,
'info': $--info-hs,
'warning': $--warning-hs,
'error': $--error-hs
) !global;
$--alert-content-text-color: (
'default': $--n-secondary-text-color,
'success': $--n-secondary-text-color,
'info': $--n-secondary-text-color,
'warning': $--n-secondary-text-color,
'error': $--n-secondary-text-color
) !global;
$--alert-color-fill: $--n-close-color !global;
}