feat($config): allow override of badge colors (#1472)

* allow configurable badge colors

* Update config.styl

* Update badge name

* Update reference to badge variable

* feat($docs): Update v0 documentation for badges color override

* feat($docs): Update zh documentation

Author: bb220

Diff for: docs/default-theme-config/README.md

@@ -461,6 +461,9 @@ $accentColor = #3eaf7c
 $textColor = #2c3e50
 $borderColor = #eaecef
 $codeBgColor = #282c34
+$badgeTip = #42b983
+$badgeWarning = darken(#ffe564, 35%)
+$badgeError = #DA596
 ```
 
 ### Existing issues <Badge text="< 0.12.0" type='error'/>

Diff for: docs/zh/default-theme-config/README.md

@@ -443,6 +443,9 @@ $accentColor = #3eaf7c
 $textColor = #2c3e50
 $borderColor = #eaecef
 $codeBgColor = #282c34
+$badgeTip = #42b983
+$badgeWarning = darken(#ffe564, 35%)
+$badgeError = #DA596
 ```
 
 ### 低版本存在的问题 <Badge text="< 0.12.0" type='error'/>

Diff for: lib/app/components/Badge.vue

@@ -38,9 +38,9 @@ export default {
   &.top
     vertical-align top
   &.tip, &.green
-    background-color #42b983
+    background-color $badgeTip
   &.error
-    background-color #DA5961 //#f66
+    background-color $badgeError
   &.warning, &.warn, &.yellow
-    background-color darken(#ffe564, 35%)
+    background-color $badgeWarning
 </style>

Diff for: lib/default-theme/styles/config.styl

@@ -4,6 +4,9 @@ $textColor = #2c3e50
 $borderColor = #eaecef
 $codeBgColor = #282c34
 $arrowBgColor = #ccc
+$badgeTip = #42b983
+$badgeWarning = darken(#ffe564, 35%)
+$badgeError = #DA5961 //#f66
 
 // layout
 $navbarHeight = 3.6rem