@import './colors';
$prefix: "jdd" !default;
$common-color-icon-error:$minor-color-error !default;
$common-color-icon-info:$base-color-major !default;
$common-color-icon-warning:$minor-color-warning !default;
$common-color-icon-success:$minor-color-success !default;

/*Corner Size*/

$corner-size-large: 50px !default;
$corner-size-medium: 8px !default;
$corner-size-small: 4px !default;
$corner-size-mini: 2px !default;
$corner-sizes:(large:$corner-size-large, medium:$corner-size-medium, small:$corner-size-small, mini:$corner-size-mini) !default;

/*字体大小*/

$font-size-xl: 24px !default;
$font-size-large: 18px !default;
$font-size-medium: 16px !default;
$font-size-small: 14px !default;
$font-size-mini: 12px !default;
$font-sizes:(large:$font-size-large, medium:$font-size-medium, small:$font-size-small, mini:$font-size-mini) !default;

/*Form*/

$form-size-large: 50px !default;
$form-size-medium: 40px !default;
$form-size-small: 32px !default;
$form-size-mini: 24px !default;
$form-sizes:(large:$form-size-large, medium:$form-size-medium, small:$form-size-small, mini:$form-size-mini) !default;
$form-font-sizes:$font-sizes !default;
$form-color-error: $minor-color-error !default;
$form-color-notice: $neutral-color-notice !default;
$form-color-label: #727682 !default;
$padding-sizes:(large: 40px, medium: 32px, small: 18px, mini: 12px) !default;

/*Alert*/

$alert-color-close: #ececec;
$alert-color-fore: rgba($base-color-dark, .6) !default;
$alert-color-back:$base-color-light !default;
$alert-color-back-error: #FFF3F3 !default; //rgba(#FF353A, .06) !default;
$alert-color-border-error: #FFA6A8 !default; //rgba(#FF353A, .4) !default;
$alert-color-icon-error:$common-color-icon-error !default;
$alert-color-back-info: #F2F9FF !default; //rgba(#2990FF, .06) !default;
$alert-color-border-info: #A1CFFF !default; //rgba(#2990FF, .4) !default;
$alert-color-icon-info:$common-color-icon-info !default;
$alert-color-back-warning: #FFF8F0 !default; //rgba(#FF8D00, .06) !default;
$alert-color-border-warning: #FFCC90 !default; //rgba(#FF8D00, .4) !default;
$alert-color-icon-warning:$common-color-icon-warning !default;
$alert-color-back-success: #F1FDFA !default; //rgba(#16DBAE, .06)
$alert-color-border-success: #99EFDC !default; //rgba(#16DBAE, .4) !default;
$alert-color-icon-success:$common-color-icon-success !default;
$alert-colors:(error:(back:$alert-color-back-error, border:$alert-color-border-error, icon:$alert-color-icon-error), success:(back:$alert-color-back-success, border:$alert-color-border-success, icon:$alert-color-icon-success), info:(back:$alert-color-back-info, border:$alert-color-border-info, icon:$alert-color-icon-info), warning:(back:$alert-color-back-warning, border:$alert-color-border-warning, icon:$alert-color-icon-warning)) !default;
$alert-font-size: $font-size-small !default;
$alert-font-size-title: $font-size-medium !default;

/*BreadCrumb*/

$breadcrumb-color-fore: $neutral-color-assist !default;
$breadcrumb-color-active: $base-color-major !default;

/*Button*/

$button-major-color-fore: $base-color-light !default;
$button-major-color-back: $major-color !default;
$button-major-color-hover: $major-color-light !default;
$button-major-color-active: $major-color-dark !default;
$button-major-color-loading: $calc-major-color-3 !default;
$button-major-color-disabled: $calc-major-color-2 !default;
$button-major-color-disabled-fore:$base-color-light !default;
$button-minor-color-fore: #888 !default;
$button-minor-color-border: $neutral-color-disabled !default;
$button-minor-color-back: $major-color !default;
$button-minor-color-hover: $neutral-color-back !default;
$button-minor-color-active: $neutral-color-back !default;
$button-minor-color-active-fore: $neutral-color-minor !default;
$button-minor-color-active-back: $neutral-color-border !default;
$button-minor-color-loading: $neutral-color-notice !default;
$button-minor-color-disabled: $neutral-color-notice !default;
$button-minor-color-disabled-fore: #E1EAFF !default;
$button-warning-color-fore: $base-color-light !default;
$button-warning-color-back: $minor-color-notice !default;
$button-warning-color-hover: $calc-warning-color-5 !default;
$button-warning-color-active: $calc-warning-color-7 !default;
$button-warning-color-loading: $calc-warning-color-3 !default;
$button-warning-color-disabled: $calc-warning-color-2 !default;
$button-warning-color-disabled-fore:$base-color-light !default;
$drop-button-major-color-back: $base-color-major !default;
$drop-button-major-color-fore: $base-color-light !default;
$drop-button-minor-color-back: $base-color-light !default;
$drop-button-minor-color-fore: $base-color-dark !default;
$drop-button-color-command-fore: rgba($base-color-dark, 0.6) !default;
$drop-button-color-command-back: $base-color-light !default;
$drop-button-color-command-hover: rgba($base-color-major, 0.1) !default;
$drop-button-color-shadow: rgba($base-color-dark, 0.15) !default;

/*Carousel*/

$carousel-color-item-back: rgba($base-color-light, .3) !default;
$carousel-color-item-active-back: $base-color-light !default;
$carousel-color-arrow-back: rgba($base-color-dark, .1) !default;
$carousel-color-arrow-hover-back: rgba($base-color-dark, .3) !default;

/*Checkbox*/

$checkbox-color-fore: $neutral-color-major !default;
$checkbox-color-border:$neutral-color-disabled !default;
$checkbox-color-border-hover:$base-color-major !default;
$checkbox-color-checked:$base-color-light !default;
$checkbox-color-disabled-fore:$neutral-color-notice !default;
$checkbox-color-disabled-back:$neutral-color-back !default;

/*DatePicker*/

$date-picker-color-back: $base-color-light !default;
$date-picker-color-disabled-back: $neutral-color-disabled !default;
$date-picker-color-selected-back: $base-color-major !default;
$date-picker-color-selected-fore: $base-color-light !default;
$date-picker-color-diff-month-fore: $neutral-color-notice !default;
$date-picker-color-quick-back: $neutral-color-back !default;
$date-picker-color-title-border: $neutral-color-border !default;
$date-picker-color-arrow: $neutral-color-minor !default;
$date-picker-color-weeks: $neutral-color-assist !default;
$date-picker-color-today-back: #f0f5ff !default;
$date-picker-color-shadow: rgba(50, 60, 71, 0.15) !default;

/*Dialog*/

$dialog-color-close: #ececec !default;
$dialog-color-back: $base-color-light !default;
$dialog-color-shadow: rgba(24, 28, 32, 0.08) !default;
$dialog-color-header-outline: rgba($base-color-dark, 0.06) !default;
$dialog-color-message-major:rgba($base-color-dark, .8) !default;
$dialog-color-message-minor:rgba($base-color-dark, .6) !default;
$dialog-color-icon-error:$common-color-icon-error !default;
$dialog-color-icon-info:$common-color-icon-info !default;
$dialog-color-icon-warning:$common-color-icon-warning !default;
$dialog-color-icon-success:$common-color-icon-success !default;
$dialog-colors:(error:$dialog-color-icon-error, success:$dialog-color-icon-success, info:$dialog-color-icon-info, warning:$dialog-color-icon-warning) !default;

/*Message*/

$message-color-fore: $alert-color-fore !default;
$message-color-back: $alert-color-back !default;
$message-color-back-error: $alert-color-back-error !default;
$message-color-border-error: $alert-color-border-error !default;
$message-color-back-info: $alert-color-back-info !default;
$message-color-border-info: $alert-color-border-info !default;
$message-color-back-warning: $alert-color-back-warning !default;
$message-color-border-warning: $alert-color-border-warning !default;
$message-color-back-success: $alert-color-back-success !default;
$message-color-border-success: $alert-color-border-success !default;
$message-colors:(error:(back:$message-color-back-error, border:$message-color-border-error), success:(back:$message-color-back-success, border:$message-color-border-success), info:(back:$message-color-back-info, border:$message-color-border-info), warning:(back:$message-color-back-warning, border:$message-color-border-warning)) !default;

/*Radio*/

$radio-color-fore: $neutral-color-major !default;
$radio-color-border:$neutral-color-disabled !default;
$radio-color-border-hover:$base-color-major !default;
$radio-color-disabled-fore:$neutral-color-notice !default;
$radio-color-disabled-back:$neutral-color-back !default;

/*Input*/

$input-color-border: $neutral-color-disabled !default;
$input-color-border-hover: $major-color !default;
$input-color-border-error: $minor-color-error !default;
$input-color-fore: $neutral-color-major !default;
$input-color-placeholder: $neutral-color-notice !default;
$input-color-disabled-back: $neutral-color-back !default;
$input-color-disabled-fore: #BEC1CA !default;
$input-color-shadow-hover: rgba($input-color-border-hover, .3) !default;
$input-color-icon: #d2d2d2 !default;

/*Slider*/

$slider-color-back: $neutral-color-disabled !default;
$slider-color-fill: $base-color-major !default;
$slider-color-thumb: $base-color-major !default;
$slider-color-label-back: $neutral-color-disabled !default;
$slider-color-label: $neutral-color-assist !default;
$slider-color-shadow: $neutral-color-assist !default;
$slider-color-bar-shadow: transparent !default;

/*Switch*/

$switch-color-fore: $base-color-light !default;
$switch-color-dot: $base-color-light !default;
$switch-color-back: $major-color !default;
$switch-color-closed-back: #BFBFBF !default;
$switch-color-disabled-opened-back: $calc-major-color-3 !default;
$switch-color-disabled-closed-back: $neutral-color-disabled !default;
$switch-color-loading-opened-back: $calc-major-color-4 !default;
$switch-color-loading-closed-back: $neutral-color-disabled !default;
$switch-font-size: $font-size-mini !default;

/*Step*/

$step-size-large: $form-size-large !default;
$step-size-medium: $form-size-medium !default;
$step-size-small: $form-size-small !default;
$step-size-mini: $form-size-mini !default;
$step-sizes:(large:$step-size-large, medium:$step-size-medium, small:$step-size-small, mini:$step-size-mini) !default;
$step-color-active: $base-color-major !default;
$step-color-back: $base-color-light !default;
$step-color-active-fore: $neutral-color-major !default;
$step-color-active-node-fore: $base-color-light !default;
$step-color-error: $minor-color-error !default;
$step-color-waiting: $neutral-color-disabled !default;
$step-color-waiting-fore: $neutral-color-assist !default;
$step-color-success: $base-color-major !default;
$step-color-success-fore: $neutral-color-assist !default;
$step-colors-line: (success: $step-color-active, error: $step-color-error, active:$step-color-active, waiting: $step-color-waiting) !default;

/*select*/

$select-color-option-active-fore: $base-color-major !default;
$select-color-option-fore: $neutral-color-major !default;
$select-color-option-back-hover: #F0F5FF !default;
$select-color-option-back: $base-color-light !default;
$select-color-arrow: $neutral-color-minor !default;
$select-color-error: $minor-color-error !default;
$select-color-disabled: $neutral-color-disabled !default;

/*Tooltip*/

$tooltip-color-back: $base-color-light !default;
$tooltip-color-shadow: rgba($base-color-dark, 0.15) !default;
$tooltip-color-arrow:rgba($base-color-dark, 0.03) !default;
$tooltip-color-fore: $neutral-color-minor !default;

/*Toast*/

$toast-color-fore: $base-color-light !default;
$toast-color-dark-back: rgba($base-color-dark, .6) !default;
$toast-colors:$alert-colors !default;

/*Timelint*/

$timeline-color-active:$base-color-major !default;
$timeline-color-passed: $neutral-color-disabled !default;
$timeline-color-fore-major:$neutral-color-major !default;
$timeline-color-fore-minor:$neutral-color-minor !default;

/*Modal*/

$modal-color-back: $base-color-dark !default;

/*Tabs*/

$tabs-color-border: $neutral-color-disabled !default;
$tabs-color-active: $base-color-major !default;
$tabs-color-card-back: $neutral-color-back !default;

/*Pagination*/

$pagination-color-fore: $neutral-color-minor !default;
$pagination-color-active: $base-color-major !default;
$pagination-color-back: $base-color-light !default;
$pagination-color-item-shadow: rgba($base-color-dark, 0.06) !default;
$pagination-color-total: $neutral-color-notice !default;

/*Progress*/

$progress-color-icon-error:$common-color-icon-error !default;
$progress-color-icon-running:$base-color-major !default;
$progress-color-icon-success:$common-color-icon-success !default;
$progress-colors:(error:$progress-color-icon-error, success:$progress-color-icon-success, running:$progress-color-icon-running) !default;

/*Table*/

$table-color-header: $neutral-color-back !default;
$table-color-header-fore: #666 !default;
$table-color-border: $neutral-color-back !default;
$table-color-hover: #fbfbfb !default;
$table-sizes: (large:64px, medium:50px, small:40px, mini:32px) !default;
$table-font-sizes: $form-font-sizes !default;

/*Menu*/

$menu-color-icon: $neutral-color-func !default;
$menu-color-light-fore:$neutral-color-major !default;
$menu-color-dark-back: #1F2644 !default;
$menu-color-dark-fore: $base-color-light !default;
$menu-color-active-fore: $major-color !default;
$menu-color-active-back: #F0F5FF !default;
$menu-color-disabled: $neutral-color-disabled !default;

/*Loading*/

$loading-color-fore: $major-color !default;

/*TimePicker*/

$timepicker-color-disabled: $neutral-color-disabled !default;
$timepicker-color-border: $neutral-color-disabled !default;
$timepicker-color-back: $base-color-light !default;
$timepicker-color-active: $base-color-major !default;
$timepicker-color-header-fore: $neutral-color-minor !default;