diff --git a/docs/_sidebar.md b/docs/_sidebar.md
index 5ce9453..44e50dc 100644
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@@ -5,4 +5,27 @@
 * [Data flow](flow "Version Manager Data Flow")
 * [Usage](usage "How to use Version Manager")
 * [FAQs](faq "Version Manager FAQs")
-* [Gallery](gallery "Version Manager Gallery")
\ No newline at end of file
+* [Gallery](gallery "Version Manager Gallery")
+<footer id="mb-footer">
+  <div class="footer-container">
+    <div class="footer-text">
+      <span class="footer-text-copyright">
+        Copyright © YYYY-YYYY
+      </span>
+      <span class="footer-text-author">
+        <a target="_blank" href="">Your website name</a>
+      </span>
+    </div>
+    <div class="footer-link">
+      <span class="footer-links-policy">
+        <a href="">Policy</a>
+      </span>
+      <span class="footer-links-terms">
+        <a href="">Terms</a>
+      </span>
+      <span class="footer-links-cookies">
+        <a href="">Cookies</a>
+      </span>
+    </div>
+  </div>
+</footer>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index d38a077..bc6c6cc 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,6 +7,23 @@
   <meta name="description" content="Description">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
+  <style>
+    :root {
+        --dark-base-background: #222;
+        --dark-base-color: #bbc0c4;
+        --dark-theme-color: var(--theme-color, #42b983);
+        --dark-code-color: var(--dark-color);
+        --dark-heading-color: var(--dark-theme-color);
+        --dark-cover-background: #000000a8;
+        --dark-code-background: #303030;
+        --dark-tip-background: #2c0000;
+        --dark-warn-background: #005842;
+        --dark-icon-size: 25px;
+        --dark-icon-transition: .1s ease-in-out .1s;
+        --dark-moon-color: #000000;
+        --dark-sun-color: #ffffff;
+    }
+  </style>
 </head>
 <body>
   <nav>
@@ -37,7 +54,21 @@
         depth: 3,
         hideOtherSidebarContent: false, 
       },
-      auto2top: true
+      auto2top: true,
+      progress: {
+        position: "top",
+        color: "var(--theme-color,#42b983)",
+        height: "3px",
+      },
+      autoFooter: {
+        name:        "MoQsien",
+        url:         "https://github.com/moqsien",
+        copyYear:    "2024",
+        policy:      "https://github.com/gvcgo/version-manager?tab=MIT-1-ov-file#readme",
+        terms:       false,
+        cookies:     false,
+        customStyle: "sidebar"
+        }
     }
   </script>
   <!-- Docsify v4 -->
@@ -46,5 +77,9 @@
   <script src="//polyfill.io/v3/polyfill.min.js?features=String.prototype.normalize"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/docsify-progress@latest/dist/progress.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@markbattistella/docsify-sidebarfooter@latest"></script>
+  <script src="//cdn.jsdelivr.net/gh/LIGMATV/docsify-dark-switcher@latest/docsify-dark-switcher.js"></script>
+  <script src="//cdn.jsdelivr.net/npm/docsify-pangu/lib/pangu.min.js"></script>
 </body>
 </html>
diff --git a/docs/zh-cn/_sidebar.md b/docs/zh-cn/_sidebar.md
index 9d595e4..3b99433 100644
--- a/docs/zh-cn/_sidebar.md
+++ b/docs/zh-cn/_sidebar.md
@@ -5,4 +5,5 @@
 * [数据流](/zh-cn/flow "Version Manager数据流")
 * [使用方法](/zh-cn/usage "Version Manager使用方法")
 * [常见问题](/zh-cn/faq "Version Manager常见问题")
-* [演示](/zh-cn/gallery "Version Manager演示")
\ No newline at end of file
+* [演示](/zh-cn/gallery "Version Manager演示")
+<footer id="mb-footer"></footer>
\ No newline at end of file
