feat($config): Allow overriding badges colors (close #1940)

Author: kefranabg

Diff for: packages/@vuepress/core/lib/client/style/config.styl

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

Diff for: packages/@vuepress/theme-default/global-components/Badge.vue

@@ -34,11 +34,11 @@ export default {
   color white
   background-color #42b983
   &.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
   & + &
     margin-left 5px
 </style>

Diff for: packages/docs/docs/config/README.md

@@ -152,6 +152,9 @@ $accentColor = #3eaf7c
 $textColor = #2c3e50
 $borderColor = #eaecef
 $codeBgColor = #282c34
+$badgeTip = #42b983
+$badgeWarning = darken(#ffe564, 35%)
+$badgeError = #DA5961
 ```
 
 ::: danger Note

Diff for: packages/docs/docs/zh/config/README.md

@@ -148,6 +148,9 @@ $accentColor = #3eaf7c
 $textColor = #2c3e50
 $borderColor = #eaecef
 $codeBgColor = #282c34
+$badgeTip = #42b983
+$badgeWarning = darken(#ffe564, 35%)
+$badgeError = #DA5961
 ```
 
 ::: danger Note