@require "../var/color.styl"
/*-----------------button------------------*/
//button-default
$btn-color := $color-grey-333
$btn-bgc := $color-white
$btn-bdc := $color-grey-ccc
$btn-active-color := $color-white
$btn-active-bgc := $color-grey-929292
$btn-active-bdc := $color-grey-929292
$btn-disabled-color := $color-white
$btn-disabled-bgc := $color-grey-ccc
$btn-disabled-bdc := $color-grey-ccc
//button-primary
$btn-primary-color := $color-white
$btn-primary-bgc := $color-blue
$btn-primary-bdc := $color-blue
$btn-primary-active-bgc := $color-dark-blue
$btn-primary-active-bdc := $color-dark-blue
//button-success
$btn-success-color := $color-white
$btn-success-bgc := $color-green
$btn-success-bdc := $color-green
$btn-success-active-bgc := $color-dark-green
$btn-success-active-bdc := $color-dark-green
//button-warning
$btn-warning-color := $color-white
$btn-warning-bgc := $color-yellow
$btn-warning-bdc := $color-yellow
$btn-warning-active-bgc := $color-dark-yellow
$btn-warning-active-bdc := $color-dark-yellow
//button-danger
$btn-danger-color := $color-white
$btn-danger-bgc := $color-red
$btn-danger-bdc := $color-red
$btn-danger-active-bgc := $color-dark-red
$btn-danger-active-bdc := $color-dark-red
//button-royal
$btn-royal-color := $color-white
$btn-royal-bgc := $color-purple
$btn-royal-bdc := $color-purple
$btn-royal-active-bgc := $color-dark-purple
$btn-royal-active-bdc := $color-dark-purple

// input
$input-color := $color-grey-333
$input-bgc := $color-white
$input-border-color := $color-row-line
$input-focus-border-color := $color-orange
$input-placeholder-color := $color-grey-aaa
$input-clear-icon-color := $color-grey-999

/*-----------------checkbox------------------*/
// checkbox
$checkbox-color := $color-grey-333
$checkbox-bgc := $color-white
$checkbox-icon-color := $color-grey-ccc
$checkbox-icon-bgc := $color-white
/// checked
$checkbox-checked-icon-color := $color-blue
$checkbox-checked-icon-bgc := $color-white
/// disabled
$checkbox-disabled-icon-color := $color-grey-eee
$checkbox-disabled-icon-bgc := $color-grey-eee

// checkbox-group
$checkbox-group-horizontal-bdc := $color-grey-ccc

// action-sheet
$action-sheet-color := $color-grey
$action-sheet-active-color := $color-orange
$action-sheet-bgc := $color-white
$action-sheet-active-bgc := $color-light-grey-opacity
$action-sheet-title-color := $color-grey-333
$action-sheet-space-bgc := $color-mask-bg
/// picker style
$action-sheet-picker-cancel-color := $color-light-grey
$action-sheet-picker-cancel-active-color := $color-grey-ccc

// radio
$radio-group-horizontal-bdc := $color-grey-ccc
$radio-color := $color-grey
$radio-bgc := $color-white
$radio-icon-color := $color-grey-ccc
$radio-icon-bgc := $color-white
/// selected
$radio-selected-icon-color := $color-blue
$radio-selected-icon-bgc := $color-white
/// disabled
$radio-disabled-icon-color := $color-grey-eee
$radio-disabled-icon-bgc := $color-grey-eee

// dialog
$dialog-color := $color-grey
$dialog-bgc := $color-white
$dialog-icon-color := $color-regular-blue
$dialog-icon-bgc := $color-background
$dialog-title-color := $color-grey-333
$dialog-close-color := $color-light-grey
$dialog-btn-color := $color-light-grey
$dialog-btn-bgc := $color-white
$dialog-btn-active-bgc := $color-light-grey-opacity
$dialog-btn-highlight-color := $color-orange
$dialog-btn-highlight-active-bgc := $color-light-orange-opacity
$dialog-btn-disabled-color := $color-light-grey
$dialog-btn-disabled-active-bgc := transparent
$dialog-btns-split-color := $color-row-line

// index-list
$index-list-bgc := $color-white
$index-list-title-color := $color-grey-333
$index-list-anchor-color := $color-light-grey
$index-list-anchor-bgc := #f7f7f7
$index-list-item-color := $color-grey-333
$index-list-item-active-bgc := $color-light-grey-opacity
$index-list-nav-color := $color-grey
$index-list-nav-active-color := $color-orange

// loading

// picker
$picker-bgc := $color-white
$picker-title-color := $color-grey-333
$picker-confirm-btn-color := $color-orange
$picker-confirm-btn-active-color := $color-light-orange
$picker-cancel-btn-color := $color-light-grey
$picker-cancel-btn-active-color := $color-grey-ccc
$picker-item-color := $color-grey-333

// popup
$popup-mask-bgc := rgb(37, 38, 45)
$popup-mask-opacity := .4

//scroll

// slide
$slide-dot-bgc := $color-grey-ccc
$slide-dot-active-bgc := $color-orange

// time-picker

// tip
$tip-color := $color-white
$tip-bgc := $color-grey-333-opacity

// toast
$toast-color := $color-grey-ccc
$toast-bgc := rgba(37, 38, 45, 0.9)

// upload
$upload-btn-color := $color-grey
$upload-btn-bgc := $color-white
$upload-btn-active-bgc := $color-light-grey-opacity
$upload-btn-box-shadow := 0 0 6px 2px $color-grey-opacity
$upload-btn-border-color := #e5e5e5
$upload-file-bgc := $color-white
$upload-file-remove-color := rgba(0, 0, 0, .8)
$upload-file-remove-bgc := $color-white
$upload-file-state-bgc := $color-mask-bg
$upload-file-success-color := $color-orange
$upload-file-error-color := #f43530
$upload-file-status-bgc := $color-white
$upload-file-progress-color := $color-white