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

Author: ktquez

docs/.vuepress/components/GlobalLayout.vue

@@ -1,11 +1,17 @@
 module.exports = {
+  theme: 'vuepress-theme-default-vue-a11y',
   title: 'Vue announcer',
   description: '',
   serviceWorker: true,
   themeConfig: {
     home: false,
     repo: 'vue-a11y/vue-announcer',
     docsDir: 'docs',
+    colorMode: {
+      props: {
+        modes: ['light', 'dark', 'system', 'sepia']
+      }
+    },
     locales: {
       '/': {
         editLinkText: 'Edit this page on GitHub',

docs/.vuepress/config.js

@@ -81,7 +81,8 @@
     "vue": "^2.6.11",
     "vue-jest": "^3.0.5",
     "vue-template-compiler": "^2.6.11",
-    "vuepress": "^1.3.1"
+    "vuepress": "^1.3.1",
+    "vuepress-theme-default-vue-a11y": "^0.1.5"
   },
   "directories": {
     "doc": "docs",