feat: modify dark theme (#330)

Author: vedant-jain03

docs/index.html

@@ -15,9 +15,9 @@
 	<meta name="viewport"
 		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 	<!--  CSS Stylesheet -->
-	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/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" type="text/css" href="styles/theme.css">
-	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-dark-mode@latest/dist/style.min.css" />
 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css"
 		integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">
 
@@ -106,7 +106,6 @@
 	<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
 	<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
 	<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
-	<script src="//cdn.jsdelivr.net/npm/docsify-dark-mode@latest/dist/index.min.js"></script>
 </body>
 
 <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -122,5 +121,7 @@
 	gtag('config', 'UA-112678513-2');
 
 </script>
+<script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js" type="text/javascript">
+</script>
 
-</html>
+</html>

docs/styles/theme.css

@@ -88,10 +88,15 @@ div[style="overflow: auto"]{
   margin-top: 39px;
   position: sticky;
   top: 36px;
-  background: white;
   width: 100%;
+  padding: 0 !important;
+}
+.search .input-wrap {
+  margin-left: 10px;
+}
+.search .results-panel.show {
+  padding: 10px;
 }
-
 @media (max-width: 768px) {
   .switch {
     margin-right: 5%;