Merge branch 'develop' of github.com:vuepress-reco/vuepress-theme-reco into feature/reco

Author: reco_luan

styles/colorMixin.styl

@@ -84,7 +84,7 @@ color-mode(accountColor , colorName)
           border 1px solid accountColor!important
           color accountColor!important;
     .showBanNiang
-      background-color lighten(accountColor, 50%)!important
+      color accountColor!important
     .banniang-container
       .messageBox
         background-color lighten(accountColor, 50%)!important

styles/recoConfig.styl

@@ -2,6 +2,7 @@ $boxShadow = 0 1px 6px 0 rgba(0, 0, 0, 0.2)
 $boxShadowHover = 0 2px 16px 0 rgba(0, 0, 0, 0.2)
 $textShadow = 0 2px 4px rgba(0, 0, 0, 0.1);
 $borderRadius = .25rem
+$backgroundColor = #fff
 
 $themePicker = {
   red: #f26d6d,

styles/theme.styl

@@ -28,7 +28,6 @@ body
   left 0
   right 0
   height $navbarHeight
-  background-color #fff
   box-sizing border-box
 
 .sidebar-mask
@@ -295,3 +294,26 @@ th, td
 
 .search-box input
   border-radius: $borderRadius
+
+/********* 悬浮卡片背景颜色 **********/
+
+.navbar
+  background $backgroundColor
+  .links
+    background $backgroundColor
+
+.home-blog
+  .home-blog-wrapper
+    .info-wrapper
+      background $backgroundColor
+
+.abstract-item
+  background $backgroundColor
+
+.category-wrapper
+  .category-item
+    background $backgroundColor
+
+.pagation
+  .jump
+    background $backgroundColor