$switch-border-color: getCustomVar(("$switch-border-color")) !default;
$switch-on-color: getCustomVar(("$switch-on-color")) !default;
$switch-container-active-bg: getCustomVar(("$switch-container-active-bg")) !default;
$switch-off-color: getCustomVar(("$switch-off-color")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse
$switch-border-color: $base-border-color !default;
$switch-on-color: $base-text-color !default;
$switch-bg: null !default;
$switch-handle-bg: null !default;
$switch-handle-border-radius: $base-border-radius - 2px !default;

$switch-handle-active-bg: null !default;
$switch-hover-border-color: null !default;
$switch-focused-border-color: null !default;
$switch-container-active-bg: null !default;
$switch-hover-bg: null !default;
$switch-active-border-color: null !default;
$switch-off-color: null !default;
$switch-handle-off-bg: null !default;
$switch-readonly-border-color: null !default;
$switch-container-readonly-bg: null !default;
$switch-border-radius: null !default;

@if $color == "carmine" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: darken($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(darken($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;

  $switch-off-color: lighten($base-text-color, 40%) !default;
  $switch-handle-off-bg: lighten($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: lighten($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "contrast" {
  $switch-bg: $base-bg !default;
  $switch-handle-bg: $base-inverted-bg !default;
  $switch-handle-active-bg: $base-inverted-bg !default;
  $switch-hover-border-color: $base-border-color !default;
  $switch-hover-bg: $base-hover-color !default;
  $switch-focused-border-color: $base-focus-color !default;
  $switch-container-active-bg: $base-bg !default;
  $switch-active-border-color: $base-border-color !default;
  $switch-off-color: $base-text-color !default;
  $switch-handle-off-bg: $base-inverted-bg !default;
  $switch-readonly-border-color: darken($switch-border-color, 50%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius - 2px !default;
}

@if $color == "dark" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: lighten($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(lighten($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: darken($base-text-color, 40%) !default;
  $switch-handle-off-bg: darken($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: darken($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "darkmoon" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: lighten($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(lighten($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: darken($base-text-color, 40%) !default;
  $switch-handle-off-bg: darken($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: darken($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "darkviolet" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: lighten($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(lighten($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: darken($base-text-color, 40%) !default;
  $switch-handle-off-bg: darken($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: darken($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "greenmist" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: darken($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(darken($base-bg, 9%), $alpha: 0.4) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: lighten($base-text-color, 40%) !default;
  $switch-handle-off-bg: lighten($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: lighten($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "light" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: darken($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(darken($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: lighten($base-text-color, 40%) !default;
  $switch-handle-off-bg: lighten($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: lighten($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

@if $color == "softblue" {
  $switch-bg: $base-element-bg !default;
  $switch-handle-bg: $base-accent !default;
  $switch-handle-active-bg: darken($switch-handle-bg, 17%) !default;
  $switch-hover-border-color: $base-accent !default;
  $switch-focused-border-color: $base-focus-bg !default;
  $switch-container-active-bg: color.change(darken($switch-bg, 62.5%), $alpha: 0.2) !default;
  $switch-hover-bg: transparent !default;
  $switch-active-border-color: $base-accent !default;
  $switch-off-color: lighten($base-text-color, 40%) !default;
  $switch-handle-off-bg: lighten($switch-handle-bg, 15%) !default;
  $switch-readonly-border-color: lighten($switch-border-color, 9%) !default;
  $switch-container-readonly-bg: $switch-bg !default;
  $switch-border-radius: $base-border-radius-exsmall !default;
}

$never-used: collector((
"$switch-border-color": $switch-border-color,
"$switch-on-color": $switch-on-color,
"$switch-container-active-bg": $switch-container-active-bg,
"$switch-off-color": $switch-off-color,
));