naive-ui/styles/themes/dark/components/Message.scss
2020-02-20 17:34:01 +08:00

24 lines
861 B
SCSS

@mixin setup-dark-message {
$--message-text-color: (
"info": white,
"success": white,
"error": white,
"warning": white,
"loading": $--n-secondary-text-color
) !global;
$--message-icon-color: rgba(255, 255, 255, .5) !global;
$--message-background-color: (
"info": $--n-info-hs-color,
"success": $--n-success-hs-color,
"error": $--n-error-hs-color,
"warning": $--n-warning-hs-color,
"loading": $--n-popover-background-color
) !global;
$--message-box-shadow: (
"info": 0 2px 16px 0 change-color($--n-info-hs-color, $alpha: .5),
"success": 0 2px 16px 0 change-color($--n-success-hs-color, $alpha: .5),
"error": 0 2px 16px 0 change-color($--n-error-hs-color, $alpha: .5),
"warning": 0 2px 16px 0 change-color($--n-warning-hs-color, $alpha: .5),
"loading": $--n-popover-box-shadow
) !global;
}