$uiName: "krax";

$huge-size: (height: 90px,font: 30px);
$large-size: (height: 75px,font: 25px);
$large-size: (height: 55px,font: 22px);
$medium-size: (height: 45px,font: 20px);
$default-size: (height: 36px,font: 15px);
$small-size: (height: 27px,font: 15px);

$tiny-size: (height: 25px,font: 12px);

$black:        hsl(0, 0%, 4%) !default;
$black-bis:    hsl(0, 0%, 7%) !default;
$black-ter:    hsl(0, 0%, 14%) !default;

$grey-darker:  hsl(0, 0%, 21%) !default;
$grey-dark:    hsl(0, 0%, 29%) !default;
$grey:         hsl(0, 0%, 48%) !default;
$grey-light:   hsl(0, 0%, 71%) !default;
$grey-lighter: hsl(0, 0%, 86%) !default;

$white-ter:    hsl(0, 0%, 96%) !default;
$white-bis:    hsl(0, 0%, 98%) !default;
$white:        hsl(0, 0%, 100%) !default;

$orange:       hsl(14,  100%, 53%) !default;
$yellow:       hsl(48,  100%, 67%) !default;
$green:        hsl(141, 71%,  48%) !default;
$turquoise:    hsl(171, 100%, 41%) !default;
$cyan:         hsl(204, 86%,  53%) !default;
$blue:         hsl(217, 71%,  53%) !default;
$purple:       hsl(271, 100%, 71%) !default;
$red:          hsl(348, 100%, 45%) !default;

$jump-ui-color-default: (background: #ddd,      color: black,   name: default);
$jump-ui-color-red:     (background: $red,      color: white,   name: red);
$jump-ui-color-orange:  (background: $orange,   color: white,   name: orange);
$jump-ui-color-yellow:  (background: $yellow,   color: white,   name: yellow);
$jump-ui-color-olive:   (background: #b5cc18,   color: white,   name: olive);
$jump-ui-color-green:   (background: $green,    color: white,   name: green);
$jump-ui-color-teal:    (background: #00b5ad,   color: white,   name: teal);
$jump-ui-color-blue:    (background: $blue,     color: white,   name: blue);
$jump-ui-color-violet:  (background: #6435c9,   color: white,   name: violet);
$jump-ui-color-purple:  (background: #a333c8,   color: white,   name: purple);
$jump-ui-color-pink:    (background: #e03997,   color: white,   name: pink);
$jump-ui-color-brown:   (background: #a5673f,   color: white,   name: brown);
$jump-ui-color-grey:    (background: #767676,   color: grey,    name: grey);
$jump-ui-color-black:   (background: black,     color: white,   name: black);
$jump-ui-color-white:   (background: white,     color: black,   name: white);



$jumpUiColors:
        $jump-ui-color-default,
        $jump-ui-color-red,
        $jump-ui-color-orange,
        $jump-ui-color-yellow,
        $jump-ui-color-olive,
        $jump-ui-color-green,
        $jump-ui-color-teal,
        $jump-ui-color-blue,
        $jump-ui-color-violet,
        $jump-ui-color-purple,
        $jump-ui-color-pink,
        $jump-ui-color-brown,
        $jump-ui-color-grey,
        $jump-ui-color-black,
        $jump-ui-color-white;