support dark mode

FAQ.md

@@ -14,7 +14,7 @@ Please check if there is a `config.json` file in the working directory, because
 
 The system tray widget will be loaded asynchronously along with the panel, and the application will be opened before them. The following is an example user service of start after `5s` delay.
 
-```ini
+```systemd
 # ~/.config/systemd/user/across.service
 
 [Unit]

_navbar.md

@@ -1,2 +1,2 @@
-* [En](/)
-* [中文](/zh_cn/)
+- [En](/)
+- [中文](/zh_cn/)

index.html

@@ -9,9 +9,11 @@
       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"
+    <link 
+        rel="stylesheet"
+        href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
+        title="docsify-darklight-theme"
+        type="text/css"
     />
     <link rel="stylesheet" href="main.css" />
   </head>
@@ -20,23 +22,59 @@
     <script>
       window.$docsify = {
         name: "ACross",
+        nameLink: "/",
         repo: "https://github.com/ArkToria/ACross",
         loadSidebar: true,
         alias: {
           "/*/_sidebar.md": "/_sidebar.md",
         },
         loadNavbar: true,
         subMaxLevel: 4,
-        logo: "/_media/logo.svg",
         coverpage: {
           "/": "_coverpage.md",
           "/zh_cn/": "_coverpage.md",
         },
+        search: {
+          paths: "auto",
+          placeholder: {
+            "/zh-cn/": "搜索",
+            "/": "Type to search",
+          },
+          noData: {
+            "/zh-cn/": "找不到结果",
+            "/": "No Results",
+          },
+          depth: 3,
+          hideOtherSidebarContent: true,
+          pathNamespaces: ["/zh-cn"],
+        },
+        darklightTheme: {
+          defaultTheme : 'light',
+          bodyFontSize : '1.2em',
+          dark: {
+            background: "#2E3440",
+            textColor: "#ECEFF4",
+            highlightColor: "#42B983",
+            codeBackgroundColor: "#3B4252"
+          }
+        }
       };
     </script>
     <!-- Docsify v4 -->
-    <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
-    <script type="module" src="/index.js">
-    </script>
+    <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
+    <!-- Plugins -->
+    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
+    <script type="module" src="/index.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
+    <!-- Highlighter -->
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-powershell.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cmake.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-git.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-systemd.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-protobuf.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js">
+  </script>
   </body>
 </html>

main.scss

@@ -1,7 +1,3 @@
-p {
-    font-size: 1.2em !important;
-}
-
 .cover-main {
     img {
         max-width: 15vw;