fix: code style & default color var

Author: reco_luan

components/Mode/modeOptions.js

@@ -1,5 +1,15 @@
 const modeOptions = {
   light: {
+    '--default-color-10': 'rgba(255, 255, 255, 1)',
+    '--default-color-9': 'rgba(255, 255, 255, .9)',
+    '--default-color-8': 'rgba(255, 255, 255, .8)',
+    '--default-color-7': 'rgba(255, 255, 255, .7)',
+    '--default-color-6': 'rgba(255, 255, 255, .6)',
+    '--default-color-5': 'rgba(255, 255, 255, .5)',
+    '--default-color-4': 'rgba(255, 255, 255, .4)',
+    '--default-color-3': 'rgba(255, 255, 255, .3)',
+    '--default-color-2': 'rgba(255, 255, 255, .2)',
+    '--default-color-1': 'rgba(255, 255, 255, .1)',
     '--background-color': '#fff',
     '--box-shadow': '0 1px 6px 0 rgba(0, 0, 0, 0.2)',
     '--box-shadow-hover': '0 2px 16px 0 rgba(0, 0, 0, 0.2)',
@@ -9,6 +19,16 @@ const modeOptions = {
     '--mask-color': '#888'
   },
   dark: {
+    '--default-color-10': 'rgba(0, 0, 0, 1)',
+    '--default-color-9': 'rgba(0, 0, 0, .9)',
+    '--default-color-8': 'rgba(0, 0, 0, .8)',
+    '--default-color-7': 'rgba(0, 0, 0, .7)',
+    '--default-color-6': 'rgba(0, 0, 0, .6)',
+    '--default-color-5': 'rgba(0, 0, 0, .5)',
+    '--default-color-4': 'rgba(0, 0, 0, .4)',
+    '--default-color-3': 'rgba(0, 0, 0, .3)',
+    '--default-color-2': 'rgba(0, 0, 0, .2)',
+    '--default-color-1': 'rgba(0, 0, 0, .1)',
     '--background-color': '#25272a',
     '--box-shadow': '0 1px 6px 0 rgba(0, 0, 0, .9)',
     '--box-shadow-hover': '0 2px 26px 0 rgba(0, 0, 0, .9)',

example/docs/.vuepress/config.js

@@ -11,7 +11,7 @@ module.exports = {
   themeConfig: {
     nav: [
       { text: 'Home', link: '/', icon: 'reco-home' },
-      { text: 'TimeLine', link: '/timeLine/', icon: 'reco-date' },
+      { text: 'TimeLine', link: '/timeline/', icon: 'reco-date' },
       { text: 'Contact',
         icon: 'reco-message',
         items: [
@@ -37,6 +37,7 @@ module.exports = {
       }
     },
     logo: '/head.png',
+    authorAvatar: '/head.png',
     // 搜索设置
     search: true,
     searchMaxSuggestions: 10,

layouts/Category.vue

@@ -107,6 +107,7 @@ export default {
 
 <style src="../styles/theme.styl" lang="stylus"></style>
 
+<style src="prismjs/themes/prism-tomorrow.css"></style>
 <style lang="stylus" scoped>
 @require '../styles/mode.styl'
 .categories-wrapper

layouts/Tag.vue

@@ -99,6 +99,7 @@ export default {
 
 <style src="../styles/theme.styl" lang="stylus"></style>
 
+<style src="prismjs/themes/prism-tomorrow.css"></style>
 <style lang="stylus" scoped>
 @require '../styles/mode.styl'
 .tag-wrapper

layouts/Tags.vue

@@ -87,6 +87,7 @@ export default {
 }
 </script>
 
+<style src="prismjs/themes/prism-tomorrow.css"></style>
 <style src="../styles/theme.styl" lang="stylus"></style>
 
 <style lang="stylus" scoped>