update(doc): theme & application guide

Author: dolymood

document/components/docs/en-US/quick-start.md

@@ -1,5 +1,7 @@
 ## Quick start
 
+[Application Guide](https://github.com/cube-ui/cube-application-guide)
+
 ### CLI
 
 If you are going to create a new project with cube-ui, use the [cli tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code, then you can ignore the <a href="#cube-Install-anchor" class="anchor">Install</a> steps and see the <a href="#cube-Usage-anchor" class="anchor">Usage</a> part directly.

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

@@ -23,6 +23,8 @@ $action-sheet-space-bgc := $color-mask-bg
 $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
@@ -113,6 +115,8 @@ $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
@@ -126,10 +130,14 @@ $picker-item-color := $color-dark-grey
 $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
@@ -176,7 +184,7 @@ $textarea-placeholder-color := $color-light-grey-s
 $textarea-indicator-color := $color-light-grey-s
 
 // validator
-$validator-msg-def-color := #f5222d
+$validator-msg-def-color := #e64340
 
 // select
 $select-color := $color-grey
@@ -190,6 +198,21 @@ $select-placeholder-color := $color-light-grey
 
 // 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
 ```
 
 ### webpack config

document/components/docs/zh-CN/quick-start.md

@@ -1,5 +1,7 @@
 ## 快速上手
 
+新手教程项目：[cube-application-guide](https://github.com/cube-ui/cube-application-guide)
+
 ### 脚手架
 
 如果你打算用在一个新项目中使用 cube-ui，可以通过我们提供的一套基于 [vue-cli](https://github.com/vuejs/vue-cli) 实现的[脚手架](https://github.com/cube-ui/cube-template)去初始化 cube-ui 项目的配置和基础代码，这样你就可以忽略<a href="#cube-安装-anchor" class="anchor">安装</a>步骤，直接看<a href="#cube-使用-anchor" class="anchor">使用部分</a>。

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

@@ -23,6 +23,8 @@ $action-sheet-space-bgc := $color-mask-bg
 $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
@@ -113,6 +115,8 @@ $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
@@ -126,10 +130,14 @@ $picker-item-color := $color-dark-grey
 $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
@@ -176,7 +184,7 @@ $textarea-placeholder-color := $color-light-grey-s
 $textarea-indicator-color := $color-light-grey-s
 
 // validator
-$validator-msg-def-color := #f5222d
+$validator-msg-def-color := #e64340
 
 // select
 $select-color := $color-grey
@@ -190,6 +198,21 @@ $select-placeholder-color := $color-light-grey
 
 // 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
 ```
 
 ### 配置 webpack