|
|
@require "~cube-ui/src/common/stylus/var/color.styl"
|
|
|
|
|
|
// 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-dark-grey
|
|
|
$action-sheet-space-bgc := $color-mask-bg
|
|
|
/// picker style
|
|
|
$action-sheet-picker-cancel-color := $color-light-grey
|
|
|
$action-sheet-picker-cancel-active-color := $color-light-grey-s
|
|
|
|
|
|
// bubble
|
|
|
|
|
|
// button
|
|
|
$btn-color := $color-white
|
|
|
$btn-bgc := $color-regular-blue
|
|
|
$btn-bdc := $color-regular-blue
|
|
|
$btn-active-bgc := $color-blue
|
|
|
$btn-active-bdc := $color-blue
|
|
|
$btn-disabled-color := $color-white
|
|
|
$btn-disabled-bgc := $color-light-grey-s
|
|
|
$btn-disabled-bdc := $color-light-grey-s
|
|
|
/// primary
|
|
|
$btn-primary-color := $color-white
|
|
|
$btn-primary-bgc := $color-orange
|
|
|
$btn-primary-bdc := $color-orange
|
|
|
$btn-primary-active-bgc := $color-dark-orange
|
|
|
$btn-primary-active-bdc := $color-dark-orange
|
|
|
/// light
|
|
|
$btn-light-color := $color-grey
|
|
|
$btn-light-bgc := $color-light-grey-sss
|
|
|
$btn-light-bdc := $color-light-grey-sss
|
|
|
$btn-light-active-bgc := $color-active-grey
|
|
|
$btn-light-active-bdc := $color-active-grey
|
|
|
/// outline
|
|
|
$btn-outline-color := $color-grey
|
|
|
$btn-outline-bgc := transparent
|
|
|
$btn-outline-bdc := $color-grey
|
|
|
$btn-outline-active-bgc := $color-grey-opacity
|
|
|
$btn-outline-active-bdc := $color-grey
|
|
|
/// outline-primary
|
|
|
$btn-outline-primary-color := $color-orange
|
|
|
$btn-outline-primary-bgc := transparent
|
|
|
$btn-outline-primary-bdc := $color-orange
|
|
|
$btn-outline-primary-active-bgc := $color-orange-opacity
|
|
|
$btn-outline-primary-active-bdc := $color-dark-orange
|
|
|
|
|
|
// toolbar
|
|
|
$toolbar-bgc := $color-light-grey-sss
|
|
|
$toolbar-active-bgc := $color-active-grey
|
|
|
|
|
|
// checkbox
|
|
|
$checkbox-color := $color-grey
|
|
|
$checkbox-icon-color := $color-light-grey-s
|
|
|
/// checked
|
|
|
$checkbox-checked-icon-color := $color-orange
|
|
|
$checkbox-checked-icon-bgc := $color-white
|
|
|
/// disabled
|
|
|
$checkbox-disabled-icon-color := $color-light-grey-ss
|
|
|
$checkbox-disabled-icon-bgc := $color-light-grey-ss
|
|
|
// checkbox hollow
|
|
|
$checkbox-hollow-checked-icon-color := $color-orange
|
|
|
$checkbox-hollow-disabled-icon-color := $color-light-grey-ss
|
|
|
// checkbox-group
|
|
|
$checkbox-group-bgc := $color-white
|
|
|
$checkbox-group-horizontal-bdc := $color-light-grey-s
|
|
|
|
|
|
// radio
|
|
|
$radio-group-bgc := $color-white
|
|
|
$radio-group-horizontal-bdc := $color-light-grey-s
|
|
|
$radio-color := $color-grey
|
|
|
$radio-icon-color := $color-light-grey-s
|
|
|
/// selected
|
|
|
$radio-selected-icon-color := $color-white
|
|
|
$radio-selected-icon-bgc := $color-orange
|
|
|
/// disabled
|
|
|
$radio-disabled-icon-bgc := $color-light-grey-ss
|
|
|
// radio hollow
|
|
|
$radio-hollow-selected-icon-color := $color-orange
|
|
|
$radio-hollow-disabled-icon-color := $color-light-grey-ss
|
|
|
|
|
|
// dialog
|
|
|
$dialog-color := $color-grey
|
|
|
$dialog-bgc := $color-white
|
|
|
$dialog-icon-color := $color-regular-blue
|
|
|
$dialog-icon-bgc := $color-background
|
|
|
$dialog-title-color := $color-dark-grey
|
|
|
$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 := #000
|
|
|
$dialog-btn-highlight-active-bgc := rgba(0, 0, 0, .04)
|
|
|
$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-dark-grey
|
|
|
$index-list-anchor-color := $color-light-grey
|
|
|
$index-list-anchor-bgc := #f7f7f7
|
|
|
$index-list-item-color := $color-dark-grey
|
|
|
$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-dark-grey
|
|
|
$picker-subtitle-color := $color-light-grey
|
|
|
$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-light-grey-s
|
|
|
$picker-item-color := $color-dark-grey
|
|
|
|
|
|
// popup
|
|
|
$popup-mask-bgc := rgb(37, 38, 45)
|
|
|
$popup-mask-opacity := .4
|
|
|
|
|
|
//scroll
|
|
|
|
|
|
// slide
|
|
|
$slide-dot-bgc := $color-light-grey-s
|
|
|
$slide-dot-active-bgc := $color-orange
|
|
|
|
|
|
// time-picker
|
|
|
|
|
|
// tip
|
|
|
$tip-color := $color-white
|
|
|
$tip-bgc := $color-dark-grey-opacity
|
|
|
|
|
|
// toast
|
|
|
$toast-color := $color-light-grey-s
|
|
|
$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
|
|
|
|
|
|
// switch
|
|
|
$switch-on-bgc := $color-orange
|
|
|
$switch-off-bgc := $color-white
|
|
|
$switch-off-border-color := #e4e4e4
|
|
|
|
|
|
// input
|
|
|
$input-color := $color-grey
|
|
|
$input-bgc := $color-white
|
|
|
$input-border-color := $color-row-line
|
|
|
$input-focus-border-color := $color-orange
|
|
|
$input-placeholder-color := $color-light-grey-s
|
|
|
$input-clear-icon-color := $color-light-grey
|
|
|
|
|
|
//textarea
|
|
|
$textarea-color := $color-grey
|
|
|
$textarea-bgc := $color-white
|
|
|
$textarea-border-color := $color-row-line
|
|
|
$textarea-focus-border-color := $color-orange
|
|
|
$textarea-outline-color := $color-orange
|
|
|
$textarea-placeholder-color := $color-light-grey-s
|
|
|
$textarea-indicator-color := $color-light-grey-s
|
|
|
|
|
|
// validator
|
|
|
$validator-msg-def-color := #e64340
|
|
|
|
|
|
// select
|
|
|
$select-color := $color-grey
|
|
|
$select-bgc := $color-white
|
|
|
$select-disabled-color := #b8b8b8
|
|
|
$select-disabled-bgc := $color-light-grey-opacity
|
|
|
$select-border-color := $color-light-grey-s
|
|
|
$select-border-active-color := $color-orange
|
|
|
$select-icon-color := $color-light-grey
|
|
|
$select-placeholder-color := $color-light-grey-s
|
|
|
|
|
|
// swipe
|
|
|
$swipe-btn-color := $color-white
|
|
|
|
|
|
// form
|
|
|
$form-color := $color-grey
|
|
|
$form-bgc := $color-white
|
|
|
$form-invalid-color := #e64340
|
|
|
$form-group-legend-color := $color-light-grey
|
|
|
$form-group-legend-bgc := $color-background
|
|
|
$form-label-required-color := #e64340
|
|
|
|
|
|
// drawer
|
|
|
$drawer-color := $color-dark-grey
|
|
|
$drawer-title-bdc := $color-light-grey-ss
|
|
|
$drawer-title-bgc := $color-white
|
|
|
$drawer-panel-bgc := $color-white
|
|
|
$drawer-item-active-bgc := $color-light-grey-opacity
|
|
|
|
|
|
// scroll-nav
|
|
|
$scroll-nav-bgc := $color-white
|
|
|
$scroll-nav-color := $color-grey
|
|
|
$scroll-nav-active-color := $color-orange
|
|
|
|
|
|
// image-preview
|
|
|
$image-preview-counter-color := $color-white
|
|
|
|
|
|
// tab-bar & tab-panel
|
|
|
$tab-color := $color-grey
|
|
|
$tab-active-color := $color-dark-orange
|
|
|
$tab-slider-bgc := $color-dark-orange |
|
|
\ No newline at end of file |
...
|
...
|
|