feat: add dark mode(part.8)

Optimize homepage & password

Author: reco_luan

components/HomeBlog.vue

@@ -141,9 +141,6 @@ export default {
 </script>
 
 <style lang="stylus">
-// @require '../styles/mode.styl'
-// @require '../styles/loadMixin.styl'
-
 .home-blog {
   padding: $navbarHeight 0 0;
   margin: 0px auto;
@@ -157,11 +154,10 @@ export default {
     h1 {
       margin:7rem auto 1.8rem;
       font-size: 2.5rem;
-      color #fff;
     }
 
     h1, .description, .action, .huawei {
-      color #fff!important
+      color #fff
     }
 
     .description {

components/Password.vue

@@ -69,6 +69,8 @@ export default {
         return
       }
 
+      this.warningText = 'Key Success'
+
       const width = document.getElementById('box').style.width
 
       passwordBtn.style.width = `${width - 2}px`
@@ -128,13 +130,16 @@ export default {
     text-shadow $textShadow
   }
   .inputBox{
-    position relative
+    position absolute
+    top 40%
+    left 0
+    right 0
+    margin auto
     display block
     max-width:700px;
     height: 100px;
     background: $accentColor;
     border-radius: $borderRadius
-    margin 2rem auto 0
     padding-left 20px
     box-sizing border-box
     opacity 0.9

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.2.0-alpha.3",
+  "version": "1.2.0-alpha.4",
   "description": "A simple and beautiful vuepress Blog & Doc theme.",
   "main": "index.js",
   "scripts": {