@require "../settings.styl";

$list-border-width ?= 1px;//$default-border-width;
$list-border-color ?= $default-border-color;
$list-color ?= $default-color;
$list-background-color ?= $default-background-color;
$list-hover-color ?= $default-color;
$list-hover-background-color ?= lighten($primary-color, 80%);
$list-active-color ?= $default-color;
$list-active-background-color ?= lighten($primary-color, 60%);
$list-selected-color ?= $default-background-color;
$list-selected-background-color ?= $primary-color;

:root {
    --list-color: $list-color;
    --list-background-color: $list-background-color;
    --list-hover-color: $list-hover-color;
    --list-hover-background-color: $list-hover-background-color;
    --list-active-color: $list-active-color;
    --list-active-background-color: $list-active-background-color;
    --list-selected-color: $list-selected-color;
    --list-selected-background-color: $list-selected-background-color;
    //--list-brighter: brightness(calc(100% + var(--list-color-variance)));
}