docs: Using vuepress-theme-default-vue-a11y

Author: ktquez

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 demo
 dist
-.temp
+.temp
+docs-old

docs/.vuepress/components/GlobalLayout.vue

@@ -1,4 +1,5 @@
 module.exports = {
+  theme: 'vuepress-theme-default-vue-a11y',
   title: 'Vue dark-mode',
   description: 'A component that helps to implement dark mode and other color modes in your Vue application.',
   serviceWorker: true,
@@ -11,6 +12,11 @@ module.exports = {
     docsDir: 'docs',
     docsBranch: 'master',
     editLinks: true,
+    colorMode: {
+      props: {
+        modes: ['light', 'dark', 'system', 'sepia']
+      }
+    },
     locales: {
       '/': {
         editLinkText: 'Edit this page on GitHub',

docs/.vuepress/config.js

@@ -81,7 +81,8 @@
     "standard-version": "^8.0.0",
     "vue": "^2.6.11",
     "vue-template-compiler": "^2.6.11",
-    "vuepress": "^1.3.1"
+    "vuepress": "^1.3.1",
+    "vuepress-theme-default-vue-a11y": "^0.1.4"
   },
   "dependencies": {
     "@vue-a11y/announcer": "^2.0.2",