// ==== 灰烬使者之黑色堕落版 ======

$font-size: 12px;
$title-h1-color: $white-color;
$card-title-color: $grey-light-color;
$text-color: $grey-color;
$title-text-color: $grey-light-color;
$tips-text-color: $emphasis-color;
$icon-size: $size-base;
$text-size: $size-small;
$line-height: $size-small;
$padding: 9px 14px;
$margin-bottom: 14px;
$scrollbar-color: rgba($black-color, .2);
$input-background-color: #2d2d2d;
$input-border-color: rgba($grey-light-color, .2);
$input-item-hover-color: rgba($white-color, .2);
$input-item-border-color: $black-light-color;
$input-disabled-background-color: #494949;

//switch
$switch-core-color--active: $black-light-color;
$switch-core-color--inactive: $main-color;
$switch-border-color--active: $main-color;
$switch-border-color--inactive: $main-color;
$switch-button-border-color--inactive: $main-color;
$switch-button-border-color--active: $main-color;

//radio
$radio-inner-border-color: rgba(#ccc, .2);
$radio-inner-border-color-disabled: none;
$radio-inner-bg-color-disabled: transparentize($black-color, .9);

//checkbox
$checkbox-inner-border-color: rgba($grey-light-color, .2);
$checkbox-inner-background-color: $main-color;
$checkbox-inner-disabled: rgba($checkbox-inner-background-color, .3);
$checkbox-inner-i-disabled: rgba($white-color, .3);

$line-color: $black-light-color;

// card
$card-bg-color: $gray-dark-color;
$alert-mixin-color: $black-light-color;


// container
$container-bg-color:$gray-dark-color;

//input
$input-size-base: $size-small;
$input-icon-size: $size-base;


//tab
$tab-bg-color: $gray-dark-color;
$tab-highlight-bg-color: rgba(#ffb74d, .4);

//form
$form-label-color: #ccc;