docs: set dark background for website

docs/index.html

@@ -6,7 +6,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <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">
   <link 
     rel="stylesheet"
     href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
@@ -19,11 +18,31 @@
   <script>
     window.$docsify = {
       homepage: 'home.md',
+      siteFont : 'Source Sans Pro',
+      defaultTheme : 'light | dark',
+      codeFontFamily : 'monospace',
       logo: '/_media/logo.png',
       loadSidebar: true,
       subMaxLevel: 2,
       name: 'PingMe',
-      repo: 'https://github.com/kha7iq/pingme'
+      repo: 'https://github.com/kha7iq/pingme',
+      darklightTheme: {
+        siteFont : 'PT Sans',
+        defaultTheme : 'dark | light',
+        codeFontFamily : 'Roboto Mono, Monaco, courier, monospace',
+        bodyFontSize : '16px',
+        dark: {
+          accent: '#ffa500',
+          background: '#282C34',
+          codeTextColor : '#b4b4b4',
+          codeBackgroundColor : '#353A44', 
+          coverBackground : '#161B22'
+        },
+        light: {
+          accent: '#008080',
+          coverBackground : '#f0f0f0'
+        }
+      }
     }
   </script>
   <!-- Docsify v4 -->
@@ -32,5 +51,7 @@
     src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"
     type="text/javascript">
 </script>
+<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
+<script src="//unpkg.com/prismjs/components/prism-yaml.min.js "></script>
 </body>
 </html>