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


$list-border-color: null !default;
$list-group-color: null !default;
$list-group-header-bg: null !default;
$list-normal-color: null !default;
$list-item-hover-bg: null !default;
$list-item-selected-bg: null !default;
$list-item-selected-hover-bg: null !default;
$list-item-focused-selected-bg: null !default;
$list-focused-bg: null !default;
$list-item-color: null !default;
$list-item-hover-color: null !default;
$list-item-selected-color: null !default;
$list-item-focus-color: null !default;
$list-item-active-color: null !default;
$list-item-active-bg: null !default;
$list-holdmenu-bg: null !default;
$list-holdmenu-border-color: null !default;
$list-holdmenu-shadow-color: null !default;
$list-menu-button-default-color: null !default;
$list-menu-button-default-bg: null !default;
$list-menu-button-delete-color: null !default;
$list-menu-button-delete-bg: null !default;
$list-item-ghost-bg: null !default;
$list-chevron-focus-color: null !default;
$list-item-ghost-color: null !default;
$list-item-ghost-border-color: null !default;
$list-item-ghost-shadow-color: null !default;
$list-icon-color: null !default;
$list-group-header-border-bottom: null !default;
$list-group-header-default-padding-top: null !default;
$list-group-header-compact-padding-top: null !default;
$list-item-chevron-icon-color: null !default;
$list-item-icon-toggle-delete-bg: null !default;


@if $color == "carmine" {


  $list-border-color: $base-border-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $base-header-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: darken($base-bg, 2%) !default;
  $list-normal-color: $base-text-color !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 40. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: color.change($base-accent, $alpha: 0.48) !default; // #f05b41 => #ffb5a8

  $list-item-selected-hover-bg: color.change($base-accent, $alpha: 0.3) !default;
  $list-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: lighten($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==") !default;
}

@if $color == "contrast" {
  /**
    * $name 20. Item border color
    * $type color
    */
  $list-border-color: $base-border-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: $base-inverted-bg !default;

  /**
    * $name 10. Item text color
    * $type color
    */
  $list-normal-color: $base-text-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $base-inverted-text-color !default;

  /**
    * $name 30. Hovered item background color
    * $type color
    */
  $list-item-hover-bg: $base-hover-color !default;

  /**
    * $name 40. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: $base-inverted-bg !default;
  $list-item-selected-hover-bg: #3806ff !default;

  /**
    * $name 50. Focused selected item state background color
    * $type color
    */
  $list-item-focused-selected-bg: $base-inverted-bg !default;

  /**
    * $name 60. Focused item state background color
    * $type color
    */
  $list-focused-bg: $base-focus-color !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-text-color !default;
  $list-item-selected-color: $base-inverted-text-color !default;
  $list-item-focus-color: $base-text-color !default;
  $list-item-active-color: $base-inverted-text-color !default;

  $list-item-active-bg: $base-inverted-bg !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $base-border-color !default;
  $list-holdmenu-shadow-color: $base-shadow-color !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: $base-text-color !default;
  $list-item-ghost-border-color: $base-border-color !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 1px solid $list-border-color !default;
  $list-group-header-default-padding-top: 10px !default;
  $list-group-header-compact-padding-top: 5px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAABd0lEQVRYw9WYLZKDQBCFE5cqDoHgCLFoCo3EUDFRXCQFlnOkIiK4Q1REsLkAIhrxrUhl2WHzw8/QvfuQUzUfNTXd/eYtWMh+i78LXOGTUlBSUdPQUFNRUpDis7IJXBKSc+KdTuSELKcDHRIO9NWBBGcKMGLPUO2JxgE9Mm6M0Y0Mbygw4MgUHQmGAGPOTNWZuC9wwxUburLpA4wt4e7I+BMwsHCY5sEG74DexKvy/Pp4r4EZcyh7BYxG1t3nuoyeAZ0RXaV/93F+AxPmVNIFLge06DE6PCbJAxgyt0ITmM8OzH8CVx/Gqw2d7q7gDvSRkN8CUxFg2gILEWDRAsvOUs0Od5IddNlRd3YtW2BlLFxYW/Ggay7GvlULNP9la832bjvn9g1sjAXXGtA19m0UgeJHKn5pxMtCvPDFW5t48xYfT+IDWMFiiJsocZuoYITFrb7CY0bhuSb+IFV4ciuECgqxiUIwpBB9KYR7KvGlQkCrEkH/71T/C52lWTpk6diKAAAAAElFTkSuQmCC") !default;
}

@if $color == "dark" {


  $list-border-color: $base-border-color !default;
  $list-normal-color: $base-text-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $list-normal-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: color.change(lighten($base-bg, 6.5%), $alpha: 0.05) !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 50. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: $base-select-bg !default;

  $list-item-selected-hover-bg: color.change(#fff, $alpha: 0.09) !default;
  $list-item-focused-selected-bg: color.change($base-accent, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: darken($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAABi0lEQVRYw93YLa6DQBSGYXAkLALBEmrRBI3EkJoqNtKAZR1NRQV7qKoo8u0GENWIc8UNodPbH35nkptPTjIPmTBnZo4llt5YRkCGxCEgo6SipqGlpaGmoiQjwBkyx1DQJqLgjHzImYIIez7oknL8SD3mSIo7B4w5DMa6HIingT4599GcINzJ8ceCIadJWJcT4Rgw4TKLE4QLyVBwy202Jwg3tkPAZCHul0y+geECi6kubPgJ9Gf+Kq9/H/89mC/OCUL+Down7rvv+zJ+BboTqsrw6uP+BdPVOEFIn0F7RImekiO2CkarcoIQqWCxOlg8gs6X43WJnHF6MFidE4SgBzMtYNaDpRaw7MHqaahhj4c1Ix57mqdZqx6slYErm1lYlw1XZd66B9Vv2S3CWVjs1HXrwVYZ8BYDPWXe1iCofUm1/zTat4X2ja+9tGkv3tqPJ+0HsIErhvZLlPZrooGLsParvoHHjIHnmvYHqYEnt4GmgoG2iYHGkIHWl4HmnpH2pYEG7Tot6H/d1f8Bh8gHKxGErEsAAAAASUVORK5CYII=") !default;
}

@if $color == "darkmoon" {


  $list-border-color: $base-border-color !default;
  $list-normal-color: $base-text-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $list-normal-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: color.change(darken($base-bg, 37%), $alpha: 0) !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 50. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: $base-select-bg !default;

  $list-item-selected-hover-bg: color.change(#748fbc, $alpha: 0.3) !default;
  $list-item-focused-selected-bg: color.change($base-accent, $alpha: 0.76) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 40. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: darken($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAABi0lEQVRYw93YLa6DQBSGYXAkLALBEmrRBI3EkJoqNtKAZR1NRQV7qKoo8u0GENWIc8UNodPbH35nkptPTjIPmTBnZo4llt5YRkCGxCEgo6SipqGlpaGmoiQjwBkyx1DQJqLgjHzImYIIez7oknL8SD3mSIo7B4w5DMa6HIingT4599GcINzJ8ceCIadJWJcT4Rgw4TKLE4QLyVBwy202Jwg3tkPAZCHul0y+geECi6kubPgJ9Gf+Kq9/H/89mC/OCUL+Down7rvv+zJ+BboTqsrw6uP+BdPVOEFIn0F7RImekiO2CkarcoIQqWCxOlg8gs6X43WJnHF6MFidE4SgBzMtYNaDpRaw7MHqaahhj4c1Ix57mqdZqx6slYErm1lYlw1XZd66B9Vv2S3CWVjs1HXrwVYZ8BYDPWXe1iCofUm1/zTat4X2ja+9tGkv3tqPJ+0HsIErhvZLlPZrooGLsParvoHHjIHnmvYHqYEnt4GmgoG2iYHGkIHWl4HmnpH2pYEG7Tot6H/d1f8Bh8gHKxGErEsAAAAASUVORK5CYII=") !default;
}

@if $color == "darkviolet" {


  $list-border-color: $base-border-color !default;

  /**
    * $name 10. Group header text color
    * $type color
    */
  $list-group-color: $base-header-color !default;

  /**
    * $name 20. Group header background color
    * $type color
    */
  $list-group-header-bg: color.change(lighten($base-bg, 6.5%), $alpha: 0.05) !default;
  $list-normal-color: $base-text-color !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 40. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: color.change($base-accent, $alpha: 0.46) !default;

  $list-item-selected-hover-bg: color.change($base-accent, $alpha: 0.6) !default;
  $list-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: #b88fff !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: darken($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAABi0lEQVRYw93YLa6DQBSGYXAkLALBEmrRBI3EkJoqNtKAZR1NRQV7qKoo8u0GENWIc8UNodPbH35nkptPTjIPmTBnZo4llt5YRkCGxCEgo6SipqGlpaGmoiQjwBkyx1DQJqLgjHzImYIIez7oknL8SD3mSIo7B4w5DMa6HIingT4599GcINzJ8ceCIadJWJcT4Rgw4TKLE4QLyVBwy202Jwg3tkPAZCHul0y+geECi6kubPgJ9Gf+Kq9/H/89mC/OCUL+Down7rvv+zJ+BboTqsrw6uP+BdPVOEFIn0F7RImekiO2CkarcoIQqWCxOlg8gs6X43WJnHF6MFidE4SgBzMtYNaDpRaw7MHqaahhj4c1Ix57mqdZqx6slYErm1lYlw1XZd66B9Vv2S3CWVjs1HXrwVYZ8BYDPWXe1iCofUm1/zTat4X2ja+9tGkv3tqPJ+0HsIErhvZLlPZrooGLsParvoHHjIHnmvYHqYEnt4GmgoG2iYHGkIHWl4HmnpH2pYEG7Tot6H/d1f8Bh8gHKxGErEsAAAAASUVORK5CYII=") !default;
}

@if $color == "greenmist" {


  $list-border-color: $base-border-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $base-accent !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: color.change(darken($base-bg, 6.5%), $alpha: 0.05) !default;
  $list-normal-color: $base-text-color !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 40. Selected item state background color
    * $type color
    */
  $list-item-selected-bg: $base-select-bg !default;

  $list-item-selected-hover-bg: color.change(#000, $alpha: 0.2) !default;
  $list-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-inverted-text-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: lighten($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==") !default;
}

@if $color == "light" {


  $list-border-color: $base-border-color !default;
  $list-normal-color: $base-text-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $list-normal-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: color.change(darken($base-bg, 6.5%), $alpha: 0.05) !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 40. Select state item background color
    * $type color
    */
  $list-item-selected-bg: $base-select-bg !default;

  $list-item-selected-hover-bg: color.change(#000, $alpha: 0.07) !default;
  $list-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color:  $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: lighten($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==") !default;
}

@if $color == "softblue" {


  $list-border-color: $base-border-color !default;

  /**
    * $name 20. Group header text color
    * $type color
    */
  $list-group-color: $base-icon-color !default;

  /**
    * $name 30. Group header background color
    * $type color
    */
  $list-group-header-bg: darken($base-bg, 2%) !default; // #fff => #fafbfc
  $list-normal-color: $base-text-color !default;
  $list-item-hover-bg: $base-hover-bg !default;

  /**
    * $name 40. Select state item background color
    * $type color
    */
  $list-item-selected-bg: $base-select-bg !default;

  $list-item-selected-hover-bg: color.change(#000, $alpha: 0.15) !default;
  $list-item-focused-selected-bg: color.change($base-focus-bg, $alpha: 0.7) !default;
  $list-focused-bg: $base-focus-bg !default;
  $list-item-color: $base-text-color !default;
  $list-item-hover-color: $base-hover-color !default;
  $list-item-selected-color: $base-select-color !default;
  $list-item-focus-color: $base-focus-color !default;
  $list-item-active-color: $base-focus-color !default;

  /**
    * $name 50. Active state item background color
    * $type color
    */
  $list-item-active-bg: $base-accent !default;
  $list-holdmenu-bg: $base-bg !default;
  $list-holdmenu-border-color: $list-border-color !default;
  $list-holdmenu-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;

  $list-menu-button-default-color: $button-default-color !default;
  $list-menu-button-default-bg: $button-default-bg !default;

  $list-menu-button-delete-color: $button-danger-color !default;
  $list-menu-button-delete-bg: $button-danger-bg !default;

  $list-item-ghost-bg: $base-bg !default;
  $list-chevron-focus-color: $base-inverted-text-color !default;
  $list-item-ghost-color: lighten($base-text-color, 38.5%) !default;
  $list-item-ghost-border-color: $base-accent !default;
  $list-item-ghost-shadow-color: $base-shadow-color !default;

  $list-icon-color: $base-icon-color !default;

  $list-group-header-border-bottom: 2px solid $list-border-color !default;
  $list-group-header-default-padding-top: 20px !default;
  $list-group-header-compact-padding-top: 10px !default;
  $list-item-chevron-icon-color: $base-icon-color !default;
  $list-item-icon-toggle-delete-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==") !default;
}

