naive-ui/styles/themes/dark/components/BaseSelection.scss
2020-02-20 20:11:31 +08:00

39 lines
1.4 KiB
SCSS

@mixin setup-dark-base-selection {
$--base-selection-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color
) !global;
$--base-selection-background-color: (
'default': $--n-input-background-color,
'disabled': $--n-disabled-background-color,
'active': change-color($--n-primary-color, $alpha: 0.1),
'error-focus': change-color($--n-error-color, $alpha: 0.1),
) !global;
$--base-selection-placeholder-color: (
'default': $--n-disabled-text-color,
'disabled': change-color($--n-disabled-text-color, $alpha: alpha($--n-disabled-text-color) * $--n-disabled-opacity)
) !global;
$--base-selection-border-mask-border-color: (
'default': transparent,
'hover': $--n-primary-color,
'active': $--n-primary-color,
'focus': $--n-primary-color,
'disabled': transparent,
'error-hover': $--n-error-color,
'error-active': $--n-error-color,
'error-focus': $--n-error-color
) !global;
$--base-selection-border-mask-box-shadow: (
'focus': 0 0 8px 0px change-color($--n-primary-color, $alpha: .3),
'error-focus': 0 0 8px 0 change-color($--n-error-color, $alpha: .3)
) !global;
$--base-selection-box-shadow: (
'default': none,
'disabled': none,
'error-default': inset 0 0 0 1px $--n-error-color
) !global;
$--base-selection-caret-color: (
'default': $--n-primary-color,
'error': $--n-error-color
) !global;
}