🚀 fix: darkmode style && language

languages/default.yml

@@ -1 +1,28 @@
-en.yml
+categories: Categories
+search: Search
+tags: Tags
+tagcloud: Tag Cloud
+tweets: Tweets
+prev: Prev
+next: Next
+comment: Comments
+archive_a: Archives
+archive_b: "Archives: %s"
+page: Page %d
+recent_posts: Recent Posts
+newer: Newer
+older: Older
+share: Share
+powered_by: Powered by
+rss_feed: RSS Feed
+category: Category
+tag: Tag
+
+post:
+  word_count: Word count
+  read_time: Reading time
+  minutes: min
+  reward: Donate
+  sticky: Sticky
+  copyright_title: Copyright
+  copyright_content: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.

languages/en.yml

@@ -22,7 +22,7 @@ post:
   word_count: Word count
   read_time: Reading time
   minutes: min
-  reward: Reward
+  reward: Donate
   sticky: Sticky
   copyright_title: Copyright
   copyright_content: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.

package.json

@@ -4,7 +4,7 @@
   "description": "a clean and elegant theme for hexo.",
   "scripts": {
     "dev": "parcel serve source-src/main.js -d source/dist",
-    "build": "parcel build source-src/main.js -d source/dist --no-source-maps"
+    "build": "rimraf source/dist && parcel build source-src/main.js -d source/dist --no-source-maps"
   },
   "source": "source-src/main.js",
   "repository": {

source-src/css/_darkmode.styl

@@ -0,0 +1,31 @@
+darkmode()
+	background: rgba(0,0,0,.6)
+	*
+		color: #f2f2f2
+	.article-entry code
+		background: darken(#ddd,10%) !important
+		color: #c7254e !important
+	.article-header .article-title,.share-outer i,.category-list .category-list-item i,.category-list a:hover .category-list-item,.article-date, .article-category .article-category-link, .archive-year-wrap .archive-year, .archive-article-date,a.toc-link,.tag-list > .tag-list-item:before,.article-tag-list:before
+		color: darken(#fff,10%) !important
+	.share-icons a i,.float_btns i,#reward .reward-p,#reward .reward-p i,.local-search-input
+		color: darken(#999,20%) !important
+	.v *
+		color: #555 !important
+	.tag-list > .tag-list-item .tag-list-link,.article-tag-list .article-tag-list-link
+		background: darken(#fff,10%) !important
+		color: #555 !important
+	#vcomments-box #vcomments
+		background-color rgba(255,255,255,.1) !important
+		*
+			color #f1f1f1 !important
+	.v .vbtn
+		background-color: transparent !important
+	.v .vlist .vcard .vhead .vsys
+		border: 1px solid #f1f1f1 !important
+		background-color: transparent !important
+	input::-webkit-input-placeholder
+		color: #ccc;
+	input::-moz-input-placeholder
+		color: #ccc;
+	input::-ms-input-placeholder
+		color: #ccc;

source-src/css/style.styl

@@ -2,6 +2,7 @@
 @import "_mixins"
 @import "_remixicon"
 @import "_normalize"
+@import "_darkmode"
 
 *,
 *::before
@@ -28,23 +29,10 @@ body
   padding 0
   margin 0
   overflow-x hidden
-  text-size-adjust: 100%
+  text-size-adjust 100%
+  // Dark Mode
   &.darkmode
-    background: rgba(0,0,0,.6)
+    darkmode()
-    *
-      color: darken(#fff,10%)
-    .article-entry code
-      background: darken(#ddd,10%) !important
-      color: #c7254e !important
-    .article-header .article-title,.share-outer i,.category-list .category-list-item i,.category-list a:hover .category-list-item,.article-date, .article-category .article-category-link, .archive-year-wrap .archive-year, .archive-article-date,a.toc-link,.tag-list > .tag-list-item:before,.article-tag-list:before
-      color: darken(#fff,10%) !important
-    .share-icons a i,.float_btns i,#reward .reward-p,#reward .reward-p i,.local-search-input
-      color: darken(#999,20%) !important
-    .v *
-      color: #555 !important
-    .tag-list > .tag-list-item .tag-list-link,.article-tag-list .article-tag-list-link
-      background: darken(#fff,10%) !important
-      color: #555 !important
     
 a
   color link-color