$tileview-color: getCustomVar(("$tileview-color")) !default;

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

// adduse
$tileview-color: $base-text-color !default;
$tileview-bg: null !default;
$tileview-border-color: null !default;
$tileview-hover-bg: null !default;
$tileview-hover-border-color: null !default;
$tileview-active-bg: null !default;
$tileview-active-color: null !default;


@if $color == "carmine" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(darken($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "contrast" {
  $tileview-bg: $base-bg !default;
  $tileview-border-color: $base-border-color !default;
  $tileview-hover-bg: $base-hover-color !default;
  $tileview-hover-border-color: $base-border-color !default;
  $tileview-active-bg: $base-inverted-bg !default;
  $tileview-active-color: $base-inverted-text-color !default;
}

@if $color == "dark" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(lighten($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "darkmoon" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(lighten($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "darkviolet" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(lighten($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "greenmist" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(darken($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "light" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(darken($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

@if $color == "softblue" {
  $tileview-bg: $base-element-bg !default;
  $tileview-border-color: color.change($base-border-color, $alpha: 0.6) !default;
  $tileview-hover-bg: $base-element-bg !default;
  $tileview-hover-border-color: color.change($base-accent, $alpha: 0.4) !default;
  $tileview-active-bg: color.change(darken($tileview-bg, 62.5%), $alpha: 0.2) !default;
  $tileview-active-color: $tileview-color !default;
}

$never-used: collector((
"$tileview-color": $tileview-color,
));