update(doc): theme

Author: dolymood

document/components/docs/en-US/theme.md

@@ -59,19 +59,34 @@ $btn-outline-primary-active-bdc := $color-dark-orange
 
 // checkbox
 $checkbox-color := $color-grey
-$checkbox-bgc := $color-white
 $checkbox-icon-color := $color-light-grey-s
-$checkbox-icon-bgc := $color-white
 /// 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
@@ -122,6 +137,59 @@ $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 := #f5222d
+
+// 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
+
+// swipe
+$swipe-btn-color := $color-white
 ```
 
 ### webpack config

document/components/docs/zh-CN/theme.md

@@ -59,19 +59,34 @@ $btn-outline-primary-active-bdc := $color-dark-orange
 
 // checkbox
 $checkbox-color := $color-grey
-$checkbox-bgc := $color-white
 $checkbox-icon-color := $color-light-grey-s
-$checkbox-icon-bgc := $color-white
 /// 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
@@ -122,6 +137,59 @@ $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 := #f5222d
+
+// 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
+
+// swipe
+$swipe-btn-color := $color-white
 ```
 
 ### 配置 webpack