diff --git a/docs/index.md b/docs/index.md
index 83711962..0341512a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -43,4 +43,61 @@ public function index() {
 - 支持多个机器人账号负载均衡
 - 协程 + TaskWorker 进程重度任务处理机制，保证高效，单个请求响应时间为 0.1 ms 左右
 - 模块分离和自由组合，可根据自身需求自己建立模块内的目录结构和代码结构
-- 灵活的注释注解注册事件方式，弥补 PHP 语言缺少注解的遗憾
\ No newline at end of file
+- 灵活的注释注解注册事件方式，弥补 PHP 语言缺少注解的遗憾
+
+## 文档主题
+
+<div class="tx-switch">
+  <button data-md-color-scheme="default"><code>默认模式</code></button>
+  <button data-md-color-scheme="slate"><code>暗黑模式</code></button>
+</div>
+
+<script>
+  var buttons = document.querySelectorAll("button[data-md-color-scheme]");
+  buttons.forEach(function(button) {
+    button.addEventListener("click", function() {
+      var attr = this.getAttribute("data-md-color-scheme");
+      setCookie("_theme", attr);
+      document.body.setAttribute("data-md-color-scheme", attr);
+      var name = document.querySelector("#__code_0 code span:nth-child(7)");
+      name.textContent = attr;
+    })
+  })
+</script>
+
+<div class="tx-switch">
+  <button data-md-color-primary="red"><code>red</code></button>
+  <button data-md-color-primary="pink"><code>pink</code></button>
+  <button data-md-color-primary="purple"><code>purple</code></button>
+  <button data-md-color-primary="deep-purple"><code>deep purple</code></button>
+  <button data-md-color-primary="indigo"><code>indigo</code></button>
+  <button data-md-color-primary="blue"><code>blue</code></button>
+  <button data-md-color-primary="light-blue"><code>light blue</code></button>
+  <button data-md-color-primary="cyan"><code>cyan</code></button>
+  <button data-md-color-primary="teal"><code>teal</code></button>
+  <button data-md-color-primary="green"><code>green</code></button>
+  <button data-md-color-primary="light-green"><code>light green</code></button>
+  <button data-md-color-primary="lime"><code>lime</code></button>
+  <button data-md-color-primary="yellow"><code>yellow</code></button>
+  <button data-md-color-primary="amber"><code>amber</code></button>
+  <button data-md-color-primary="orange"><code>orange</code></button>
+  <button data-md-color-primary="deep-orange"><code>deep orange</code></button>
+  <button data-md-color-primary="brown"><code>brown</code></button>
+  <button data-md-color-primary="grey"><code>grey</code></button>
+  <button data-md-color-primary="blue-grey"><code>blue grey</code></button>
+  <button data-md-color-primary="black"><code>black</code></button>
+  <button data-md-color-primary="white"><code>white</code></button>
+</div>
+
+<script>
+  var buttons = document.querySelectorAll("button[data-md-color-primary]")
+  buttons.forEach(function(button) {
+    button.addEventListener("click", function() {
+      var attr = this.getAttribute("data-md-color-primary")
+      setCookie("_primary_color", attr)
+      document.body.setAttribute("data-md-color-primary", attr)
+      var name = document.querySelector("#__code_2 code span:nth-child(7)")
+      name.textContent = attr.replace("-", " ")
+    })
+  })
+</script>
diff --git a/docs/javascripts/config.js b/docs/javascripts/config.js
index 0e13c35f..067ae85b 100644
--- a/docs/javascripts/config.js
+++ b/docs/javascripts/config.js
@@ -1,9 +1,37 @@
 hljs.initHighlighting()
 
 var _hmt = _hmt || [];
-(function() {
-  var hm = document.createElement("script");
-  hm.src = "https://hm.baidu.com/hm.js?f0f276cefa10aa31a20ae3815a50b795";
-  var s = document.getElementsByTagName("script")[0];
-  s.parentNode.insertBefore(hm, s);
+(function () {
+    var hm = document.createElement("script");
+    hm.src = "https://hm.baidu.com/hm.js?f0f276cefa10aa31a20ae3815a50b795";
+    var s = document.getElementsByTagName("script")[0];
+    s.parentNode.insertBefore(hm, s);
 })();
+
+function getCookie(name) {
+    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
+
+    if (arr = document.cookie.match(reg))
+
+        return unescape(arr[2]);
+    else
+        return null;
+}
+
+function setCookie(name, value) {
+    var Days = 30;
+    var exp = new Date();
+    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
+}
+
+s_theme=getCookie("_theme");
+if(s_theme === undefined) s_theme = "default";
+document.body.setAttribute("data-md-color-scheme", s_theme)
+var name = document.querySelector("#__code_0 code span:nth-child(7)")
+name.textContent = s_theme
+
+s_primary=getCookie("_primary_color");
+document.body.setAttribute("data-md-color-primary", s_primary);
+var name2 = document.querySelector("#__code_2 code span:nth-child(7)");
+name2.textContent = s_primary.replace("-", " ");
diff --git a/mkdocs.yml b/mkdocs.yml
index 2ed82926..c44b981a 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -2,7 +2,7 @@ site_name: 炸毛框架 v2
 
 repo_name: '炸毛框架'
 repo_url: 'https://github.com/zhamao-robot/zhamao-framework'
-edit_uri: 'blob/master/docs/'
+edit_uri: 'blob/2.0-dev/docs/'
 
 theme:
   name: material
@@ -23,11 +23,31 @@ markdown_extensions:
   - pymdownx.superfences
   - pymdownx.inlinehilite
   - pymdownx.snippets
+  - abbr
   - pymdownx.highlight:
       linenums: true
       linenums_style: pymdownx.inline
+extra:
+  version:
+    method: mike
 
-copyright: 'Copyright &copy; 2019 - 2020 CrazyBot Team'
+copyright: 'Copyright &copy; 2019 - 2020 CrazyBot Team&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tx-switch">
+                 <button data-md-color-scheme="default"><code>默认模式</code></button>
+                 <button data-md-color-scheme="slate"><code>暗黑模式</code></button>
+               </span>
+
+               <script>
+                 var buttons = document.querySelectorAll("button[data-md-color-scheme]");
+                 buttons.forEach(function(button) {
+                   button.addEventListener("click", function() {
+                     var attr = this.getAttribute("data-md-color-scheme");
+                     setCookie("_theme", attr);
+                     document.body.setAttribute("data-md-color-scheme", attr);
+                     var name = document.querySelector("#__code_0 code span:nth-child(7)");
+                     name.textContent = attr;
+                   })
+                 })
+               </script><br><a href="http://beian.miit.gov.cn">蒙ICP备18000198号-1</a>'
 
 nav:
   - 指南: