naive-ui/styles/themes/dark/components/BasePicker.scss
2019-11-06 15:57:03 +08:00

28 lines
1.1 KiB
SCSS

@mixin setup-dark-base-picker {
$--base-picker-color: $--n-secondary-text-color !global;
$--base-picker-background-color: (
"default": rgba(255, 255, 255, .1),
"disabled": rgba(255, 255, 255, .06),
"active": change-color($--primary-6, $alpha: 0.1),
"error-active": change-color($--error-6, $alpha: 0.1)
) !global;
$--base-picker-placeholder-color: (
"default": rgba(255, 255, 255, .4),
"disabled": rgba(255, 255, 255, .2)
) !global;
$--base-picker-box-shadow: (
"default": none,
"hover": inset 0 0 0 1px $--primary-6,
"focus": (inset 0 0 0px 1px $--primary-6, 0 0 8px 0px change-color($--primary-6, $alpha: .3)),
"active": inset 0 0 0 1px $--primary-6,
"disabled": none,
"error-default": inset 0 0 0 1px $--error-6,
"error-hover": inset 0 0 0 1px $--error-6,
"error-active": inset 0 0 0 1px $--error-6,
"error-focus": (inset 0 0 0 1px $--error-6, 0 0 8px 0 change-color($--error-6, $alpha: .3))
) !global;
$--base-picker-caret-color: (
"default": $--n-primary-color,
"error": $--error-6
) !global;
}