diff --git a/packages/@vuepress/core/lib/client/style/config.styl b/packages/@vuepress/core/lib/client/style/config.styl index 4d8c916ce6..00d4466495 100644 --- a/packages/@vuepress/core/lib/client/style/config.styl +++ b/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 --git a/packages/@vuepress/theme-default/global-components/Badge.vue b/packages/@vuepress/theme-default/global-components/Badge.vue index 8255293b56..d6393d85e8 100644 --- a/packages/@vuepress/theme-default/global-components/Badge.vue +++ b/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 diff --git a/packages/docs/docs/config/README.md b/packages/docs/docs/config/README.md index 9ee0aa6663..2f63b1c9ba 100644 --- a/packages/docs/docs/config/README.md +++ b/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 --git a/packages/docs/docs/zh/config/README.md b/packages/docs/docs/zh/config/README.md index 79af789c04..4b32d26ef2 100644 --- a/packages/docs/docs/zh/config/README.md +++ b/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