$gallery-indicator-bg: getCustomVar(("$gallery-indicator-bg")) !default;
$gallery-indicator-item-selected-bg: getCustomVar(("$gallery-indicator-item-selected-bg")) !default;
$gallery-indicator-focused-bg: getCustomVar(("$gallery-indicator-focused-bg")) !default;
$gallery-navbutton-hover-color: getCustomVar(("$gallery-navbutton-hover-color")) !default;
$gallery-nav-arrow-color: getCustomVar(("$gallery-nav-arrow-color")) !default;
$gallery-navbutton-active-color: getCustomVar(("$gallery-navbutton-active-color")) !default;

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

// adduse
$gallery-indicator-bg: $base-bg !default;
$gallery-indicator-item-selected-bg: null !default;
$gallery-indicator-focused-bg: null !default;
$gallery-indicator-item-border-color: null !default;
$gallery-indicator-selected-border-color: null !default;
$gallery-navbutton-degradation-bg: null !default;
$gallery-navbutton-hover-color: null !default;
$gallery-nav-arrow-color: null !default;
$gallery-navbutton-active-color: null !default;
$gallery-navbutton-border-radius: $base-border-radius - 4px !default;

@if $color == "carmine" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: darken($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.3) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "contrast" {
  $gallery-indicator-item-selected-bg: $base-inverted-bg !default;
  $gallery-indicator-focused-bg: $base-inverted-bg !default;
  $gallery-indicator-item-border-color: $base-border-color !default;
  $gallery-indicator-selected-border-color: extcolor.difference(#fff, $base-border-color) !default;
  $gallery-navbutton-degradation-bg: $base-inverted-bg !default;
  $gallery-nav-arrow-color: $base-inverted-text-color !default;
  $gallery-navbutton-hover-color: $base-hover-color !default;
  $gallery-navbutton-active-color: $base-text-color !default;
}

@if $color == "dark" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: lighten($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "darkmoon" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: lighten($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "darkviolet" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: lighten($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "greenmist" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: darken($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "light" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: darken($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

@if $color == "softblue" {
  $gallery-indicator-item-selected-bg: $base-accent !default;
  $gallery-indicator-focused-bg: darken($base-accent, 15%) !default;
  $gallery-indicator-item-border-color: $base-accent !default;
  $gallery-indicator-selected-border-color: color.change($gallery-indicator-bg, $alpha: 0.8) !default;
  $gallery-navbutton-degradation-bg: $gallery-indicator-bg !default;
  $gallery-navbutton-hover-color: color.change($base-accent, $alpha: 0.5) !default;
  $gallery-nav-arrow-color: $base-inverted-icon-color !default;
  $gallery-navbutton-active-color: color.change($base-accent, $alpha: 0.7) !default;
}

$never-used: collector((
"$gallery-indicator-bg": $gallery-indicator-bg,
"$gallery-indicator-item-selected-bg": $gallery-indicator-item-selected-bg,
"$gallery-indicator-focused-bg": $gallery-indicator-focused-bg,
"$gallery-navbutton-hover-color": $gallery-navbutton-hover-color,
"$gallery-nav-arrow-color": $gallery-nav-arrow-color,
"$gallery-navbutton-active-color": $gallery-navbutton-active-color,
));