fix(vuepress-theme-reco): fix dark mode & mobile page style error

example/.vuepress/config.js

@@ -95,6 +95,5 @@ module.exports = {
      * 'tomorrow'
      * 'twilight'
      */
-    codeTheme: 'tomorrow'
   }
 }

packages/vuepress-theme-reco/components/Page.vue

@@ -1,5 +1,5 @@
 <template>
-  <main class="page" :style="{ paddingRight: (this.$page.headers || []).length > 0 ? '14rem' : '0' }">
+  <main class="page" :style="{ paddingRight: (this.$page.headers || []).length > 0 ? 'auto' : '0' }">
     <ModuleTransition>
       <div v-show="recoShowModule && $page.title" class="page-title">
         <h1>{{$page.title}}</h1>
@@ -242,6 +242,7 @@ function flatten (items, res) {
   position relative
   padding-top 5rem
   padding-bottom 2rem
+  padding-right 14rem
   display block
   .side-bar
     position fixed

packages/vuepress-theme-reco/components/PersonalInfo.vue

@@ -40,12 +40,13 @@ export default {
 .personal-info-wrapper {
   .personal-img {
     display block
-    margin 2rem auto
-    width 8rem
-    height 8rem
+    margin 2rem auto 1rem
+    width 5rem
+    height 5rem
     border-radius 50%
   }
   .name {
+    font-size 1rem
     text-align center
     color var(--text-color)
   }

packages/vuepress-theme-reco/components/Sidebar.vue

@@ -31,6 +31,8 @@ export default {
     padding 0
     margin 0
     list-style-type none
+    > li
+      background $accentColor
   a
     display inline-block
   .nav-links

packages/vuepress-theme-reco/components/SidebarGroup.vue

@@ -71,6 +71,7 @@ export default {
 
 <style lang="stylus">
 .sidebar-group
+  background var(--background-color)
   .sidebar-group
     padding-left 0.5em
   &:not(.collapsable)

packages/vuepress-theme-reco/components/SidebarLink.vue

@@ -93,6 +93,7 @@ a.sidebar-link
   color var(--text-color)
   padding 0.35rem 1rem 0.35rem 2.25rem
   line-height 1.4
+  background var(--background-color)
   // margin 0 0 0 1.5rem
   box-sizing: border-box
   &:hover
@@ -100,7 +101,7 @@ a.sidebar-link
   &.active
     font-weight 600
     color $accentColor
-    background lighten($accentColor, 92%)
+    background var(--default-color-8)
     border-right 3px solid $accentColor
   .sidebar-group &
     // padding-left 2rem