naive-ui/styles/themes/light/components/Tabs.scss
2020-02-20 15:26:12 +08:00

24 lines
926 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': $--n-icon-color,
'disabled': change-color($--n-icon-color, $alpha: alpha($--n-icon-color) * $--n-disabled-opacity)
) !global;
$--tabs-tab-close-button-color: (
'default': $--n-close-color
) !global;
$--tabs-card-tab-background-color: $--n-tab-background-color !global;
$--tabs-card-tab-border-color: $--n-divider-color !global;
$--tabs-card-tab-text-color: (
'default': $--n-secondary-text-color,
'active': $--n-primary-text-color
) !global;
$--tabs-nav-border-color: $--n-divider-color !global;
$--tabs-panel-text-color: $--n-secondary-text-color !global;
}