@import '../theme/color.scss';

$white: #ffffff;
$white-mask: rgba(255, 255, 255, 0.7);
$white-lg: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));
$black: #000000;
$black-mask: rgba(0, 0, 0, 0.3);
$black-lg: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
$gray: #999999;

$c-33: #333333;
$c-66: #666666;
$c-99: #999999;
$c-dd: #dddddd;
$c-f5: #f5f5f5;
$c-f9: #f9f9f9;

$blue: #409eff;
$blue-lg: linear-gradient(to right, #0aa4ae, #305fb2, #6203b8);
$green: #1EC77A;
$green-lg: linear-gradient(to right, #1EC77A, #ffff00);
$yellow: #ffff00;
$yellow-lg: linear-gradient(to right, #ffff00, #e6a23c);
$orange: #FF7A31;
$orange-lg: linear-gradient(to right, #e6a23c, #FF7A31);
$red: #f56c6c;
$red-lg: linear-gradient(to right, #f56c6c, #409eff);

// $border: #dddddd;
// $active: #409eff;
// $active-lg: linear-gradient(to right, #409eff, #dddddd);
// $cancel: #999999;
// $confirm: #409eff;

$names: white, white-mask, black, black-mask, gray, 33, 66, 99, dd, f5,f9, blue, green, yellow, orange, red, active, cancel, confirm;
$colors: $white, $white-mask, $black, $black-mask, $gray, $c-33, $c-66, $c-99, $c-dd, $c-f5,$c-f9, $blue, $green, $yellow, $orange, $red, $active, $cancel, $confirm;

$names-lg: white-lg, black-lg, blue-lg, green-lg, yellow-lg, orange-lg, red-lg, active-lg;
$colors-lg: $white-lg, $black-lg, $blue-lg, $green-lg, $yellow-lg, $orange-lg, $red-lg, $active-lg;