@mixin setup-dark-alert {
  $--alert-border-color: (
    'default': white,
    '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': white,
    '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': $--success-hs,
    '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;
}