$numberbox-spin-active-bg: getCustomVar(("$numberbox-spin-active-bg")) !default;
$numberbox-spin-hover-border-color: getCustomVar(("$numberbox-spin-hover-border-color")) !default;
$numberbox-spin-icon-color: getCustomVar(("$numberbox-spin-icon-color")) !default;

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

// adduse
$numberbox-spin-active-bg: null !default;
$numberbox-spin-active-color: null !default;
$numberbox-spin-hover-border-color: null !default;
$numberbox-spin-hover-bg: null !default;
$numberbox-spin-container-border-radius: $base-border-radius !default;
$numberbox-spin-icon-color: $base-icon-color !default;


@if $color == "carmine" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "contrast" {
  $numberbox-spin-active-bg: $base-inverted-bg !default;
  $numberbox-spin-active-color: extcolor.difference(#fff, $base-border-color) !default;
  $numberbox-spin-hover-border-color: $base-border-color !default;
  $numberbox-spin-hover-bg: $base-hover-color !default;
}

@if $color == "dark" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "darkmoon" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "darkviolet" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "greenmist" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "light" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}

@if $color == "softblue" {
  $numberbox-spin-active-bg: darken($button-normal-bg, 30%) !default;
  $numberbox-spin-active-color: $base-text-color !default;
  $numberbox-spin-hover-border-color: transparent !default;
  $numberbox-spin-hover-bg: darken($button-normal-bg, 10%) !default;
}
$never-used: collector((
"$numberbox-spin-active-bg": $numberbox-spin-active-bg,
"$numberbox-spin-hover-border-color": $numberbox-spin-hover-border-color,
"$numberbox-spin-icon-color": $numberbox-spin-icon-color,
));