naive-ui/styles/themes/light/components/Tabs.scss

22 lines
837 B
SCSS

@mixin setup-light-tabs {
$--tabs-tab-text-color: (
'default': $--n-secondary-text-color,
'active': $--n-primary-color,
'hover': $--n-primary-color,
'disabled': $--n-disabled-text-color,
) !global;
$--tabs-tab-bar-background-color: $--n-primary-color !global;
$--tabs-tab-scroll-button-color: (
'default': rgba(0, 0, 0, .3),
'disabled': rgba(0, 0, 0, .2)
) !global;
$--tabs-tab-close-button-color: (
'default': rgba(0, 0, 0, .3),
) !global;
$--tabs-card-tab-background-color: $--neutral-8 !global;
$--tabs-card-tab-panel-background-color: white !global;
$--tabs-card-tab-border-color: $--n-divider-color !global;
$--tabs-card-tab-border-width: 1px !global;
$--tabs-card-tab-text-color: $--n-secondary-text-color !global;
$--tabs-card-label-divider-color: rgba(0, 0, 0, .3) !global;
}