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

// adduse

/**
* $name 10. Text color
* $type color
*/
$calendar-color: $base-text-color !default;

/**
* $name 10. Header text color
* $type color
*/
$calendar-header-color: null !default;

/**
* $name 30. Other month text color
* $type color
*/
$calendar-cell-other-color: null !default;
$calendar-cell-other-hover-color: null !default;

/**
* $name 40. Background color
* $type color
*/
$calendar-bg: $base-bg !default;

/**
* $name 50. Hovered cell background color
* $type color
*/
$calendar-hover-bg: null !default;
$calendar-cell-hover-color: null !default;

/**
* $name 30. Selected cell background color
* $type color
*/
$calendar-cell-selected-bg: null !default;

/**
* $name 70. Active state background Color
* $type color
*/
$calendar-cell-active-bg: null !default;

/**
* $name 80. Border color
* $type color
*/
$calendar-border-color: $base-border-color !default;

/**
* $name 40. Date navigator border color
* $type color
*/
$calendar-navigator-border-color: null !default;
$calendar-navigator-border-radius: null !default;

/**
* $name 50. Hovered state date navigator border color
* $type color
*/
$calendar-navigator-hover-border-color: null !default;
$calendar-cell-contoured-border-color: null !default;
$calendar-button-caption-active-bg: null !default;
$calendar-button-footer-active-bg: null !default;
$calendar-button-caption-color: null !default;
$calendar-cell-contoured-border-radius: $base-border-radius !default;
$calendar-invalid-focused-border-color: $base-invalid-color !default;
$calendar-invalid-faded-border-color: $base-invalid-faded-border-color !default;

/**
* $name 60. Shevron icon color
* $type color
*/
$calendar-shevron-icon-color: null !default;
$calendar-cell-empty-bg: null !default;

@if $color == "carmine" {
  $calendar-header-color: $base-header-color !default;
  $calendar-cell-other-color: lighten($calendar-color, 35%) !default; // #627789 => #c7d1d9
  $calendar-cell-other-hover-color: lighten($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: lighten($base-accent, 14%) !default; // #f05b41 => #fa9887
  $calendar-navigator-border-color: $base-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $base-accent !default;
  $calendar-cell-contoured-border-color: darken($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "contrast" {
  $calendar-header-color: $base-text-color !default;
  $calendar-cell-other-color: $base-accent !default;
  $calendar-hover-bg: $base-hover-color !default;
  $calendar-cell-hover-color: $base-text-color !default;
  $calendar-cell-other-hover-color: $base-text-color !default;
  $calendar-cell-selected-bg: $base-inverted-bg !default;
  $calendar-cell-active-bg: $base-accent !default;
  $calendar-navigator-border-color: $calendar-border-color !default;
  $calendar-navigator-border-radius: $base-border-radius !default;
  $calendar-navigator-hover-border-color: $calendar-border-color !default;
  $calendar-cell-contoured-border-color: $calendar-border-color !default;
  $calendar-button-caption-active-bg: $base-inverted-bg !default;
  $calendar-button-footer-active-bg: $base-inverted-bg !default;
  $calendar-button-caption-color: $base-text-color !default;
  $calendar-shevron-icon-color: $base-icon-color !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAhklEQVQ4y5XTbQqAIAwG4J0k9CLq/a/Sn26wHGW5D7diDAQfRV4ZIODWO66uADPuWEJausq0aCEn2ujmmN90YI8/9MUrPtEZW5xRjiUXVOKZK6rx4Aa1MPGjV9M7dliEyxd8PcAMcp2rwZ0v0FzSyg5Xzj2quE8FjyjjMZ04YArp4An+DOwJi3wZrR93Jm8AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "dark" {
  $calendar-header-color: darken($calendar-color, 40%) !default;
  $calendar-cell-other-color: darken($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: darken($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(lighten($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $button-normal-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $button-normal-border-color !default;
  $calendar-cell-contoured-border-color: lighten($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAnklEQVRIx7XVUQ7AEAwGYCdZuAhOsndn38tuYLOQmNFWaw8NqfiQ/AkVY1Qh7FsaV1Sx0sTcddxlF6A2W6Y0vBSvUP/cuFpg4y36grl4D/3As/gI7cJUHEKHMIZjKAiPcAqKwi1ORUlwhZ+5PGXPTKQKbJfA9fNnojidUyrOCj8Fx1AHHOwgnIVScDaK4SIUwsXoCE8NLUU7uFZ/faYXEL4F+lqnf18AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "darkmoon" {
  $calendar-header-color: $screen-text-color !default;
  $calendar-cell-other-color: darken($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: darken($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(lighten($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $button-normal-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $button-normal-border-color !default;
  $calendar-cell-contoured-border-color: lighten($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAnklEQVRIx7XVUQ7AEAwGYCdZuAhOsndn38tuYLOQmNFWaw8NqfiQ/AkVY1Qh7FsaV1Sx0sTcddxlF6A2W6Y0vBSvUP/cuFpg4y36grl4D/3As/gI7cJUHEKHMIZjKAiPcAqKwi1ORUlwhZ+5PGXPTKQKbJfA9fNnojidUyrOCj8Fx1AHHOwgnIVScDaK4SIUwsXoCE8NLUU7uFZ/faYXEL4F+lqnf18AAAAASUVORK5CYII=") center center no-repeat !default;
  $calendar-shevron-icon-color: $base-accent !default;
}

@if $color == "darkviolet" {
  $calendar-header-color: $base-header-color !default;
  $calendar-cell-other-color: darken($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: darken($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(lighten($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $base-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $button-normal-border-color !default;
  $calendar-cell-contoured-border-color: lighten($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: lighten($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-icon-color !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAnklEQVRIx7XVUQ7AEAwGYCdZuAhOsndn38tuYLOQmNFWaw8NqfiQ/AkVY1Qh7FsaV1Sx0sTcddxlF6A2W6Y0vBSvUP/cuFpg4y36grl4D/3As/gI7cJUHEKHMIZjKAiPcAqKwi1ORUlwhZ+5PGXPTKQKbJfA9fNnojidUyrOCj8Fx1AHHOwgnIVScDaK4SIUwsXoCE8NLUU7uFZ/faYXEL4F+lqnf18AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "greenmist" {
  $calendar-header-color: lighten($calendar-color, 40%) !default;
  $calendar-cell-other-color: lighten($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: lighten($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(darken($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $button-normal-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $button-normal-border-color !default;
  $calendar-cell-contoured-border-color: darken($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "light" {
  $calendar-header-color: lighten($calendar-color, 40%) !default;
  $calendar-cell-other-color: lighten($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: lighten($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-hover-bg !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(darken($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $button-normal-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $button-normal-border-color !default;
  $calendar-cell-contoured-border-color: darken($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=") center center no-repeat !default;
}

@if $color == "softblue" {
  $calendar-header-color: $base-icon-color !default;
  $calendar-cell-other-color: lighten($calendar-color, 49%) !default;
  $calendar-cell-other-hover-color: lighten($calendar-color, 49%) !default;
  $calendar-hover-bg: $base-webwidget-hover-background !default;
  $calendar-cell-hover-color: $calendar-color !default;
  $calendar-cell-selected-bg: $base-accent !default;
  $calendar-cell-active-bg: color.change(darken($calendar-bg, 62.5%), $alpha: 0.2) !default;
  $calendar-navigator-border-color: $base-border-color !default;
  $calendar-navigator-border-radius: $button-border-radius !default;
  $calendar-navigator-hover-border-color: $base-border-color !default;
  $calendar-cell-contoured-border-color: darken($base-border-color, 12%) !default;
  $calendar-button-caption-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-footer-active-bg: darken($base-bg, 17%) !default;
  $calendar-button-caption-color: $base-accent !default;
  $calendar-shevron-icon-color: $base-accent !default;
  $calendar-cell-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=") center center no-repeat !default;
}