naive-ui/styles/themes/dark/components/Transfer.scss
2020-02-21 12:53:30 +08:00

27 lines
960 B
SCSS

@mixin setup-dark-transfer {
$--transfer-list-background-color: (
'default': $--n-input-background-color
) !global;
$--transfer-list-header-background-color: (
'default': $--n-table-header-background-color
) !global;
$--transfer-list-header-text-color: (
'default': $--n-primary-text-color
) !global;
$--transfer-list-header-extra-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color
) !global;
$--transfer-gap-button-background-color: (
'default': rgba(255, 255, 255, 0.3),
'disabled': rgba(255, 255, 255, .15),
'hover': $--n-primary-color,
'active': $--n-primary-active-color
) !global;
$--transfer-item-text-color: (
'default': $--n-secondary-text-color,
'disabled': $--n-disabled-text-color
) !global;
$--transfer-list-border-color: $--n-input-background-color !global;
$--transfer-header-border-color: $--n-table-header-background-color !global;
}