适配暗黑模式

src/assets/plugins/jquery.autoMenu.js

@@ -107,7 +107,7 @@
             bindEvent: function() {
                 var _this = this;
                 $('#manual').scroll(function () {
-                    _this.$element.find('input').prop('value', '')
+                    _this.$element.find('input').val('')
                     _this.$element.find('li').show()
                     _this.setActive()
                     // scroll
@@ -133,7 +133,7 @@
                 })
                 // 目录搜索
                 _this.$element.on('input', 'input', function () {
-                    var keyword = $(this).prop('value')
+                    var keyword = $(this).val()
                     _this.$element.find('li').each(function(){
                         if ($(this).find('a').text().toUpperCase().includes(keyword.toUpperCase())) {
                             $(this).show()

src/assets/styles/darkmode.css

@@ -0,0 +1,53 @@
+#options * {
+    background: #303133;
+    color: white;
+}
+
+#options .keyword {
+    background: #505050;
+    color: #f1f2f3;
+    border: 1px solid #ffffff1f;
+}
+
+#options .foot {
+    background: #292b2d;
+    box-shadow: 0px 0px 9px 0px #000000ab;
+}
+
+#options #customize {
+    background: #303133;
+}
+
+#options #customize input {
+    border-bottom: 1px solid #696666;
+}
+
+#mainlist .info {
+    background: #303133;
+    color: #f1f2f3;
+}
+
+#manual,
+#manualBody {
+    background: #e6e6e6;
+}
+
+#mainlist .info.select {
+    background: #585958;
+}
+
+#manual #manualNavi ul {
+    /* background: #585958; */
+    background: #e6e6e6;
+    box-shadow: 0 0 10px #000;
+}
+
+#manual #manualNavi ul input {
+    /* background: #585958; */
+    background: #e6e6e6;
+    /* color: white; */
+}
+
+.nicescroll-cursors {
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+}

src/assets/styles/jquery.autoMenu.css

@@ -52,7 +52,7 @@ a:focus {
     position: fixed;
     bottom: 0;
     right: 15px;
-    z-index: 1;
+    z-index: 999;
     text-align: left;
 }
 

src/assets/styles/options.css

@@ -3,7 +3,7 @@
     font-size: 15px;
     color: #595959;
     font-family: consolas, monaco,"微软雅黑";
-    padding-bottom: 30px
+        padding: 10px 10px 30px 10px;
 }
 
 #options *{
@@ -139,12 +139,9 @@
     /* word-break: break-all; */
 }
 
-#options table tr:nth-child(odd) {
-    background-color: #fff !important;
-}
-
 #options table tr:nth-child(even) {
-    background-color: #f8f8f8 !important;
+    background: #fff;
+    filter: contrast(0.9);
 }
 
 #options .keyword {
@@ -155,7 +152,7 @@
     border-radius: 12px;
     height: 24px;
     line-height: 22px;
-    padding: 0 10px;
+    padding: 3px 10px;
     background-color: #f3f3f3;
     margin-right: 5px;
 }

src/assets/styles/style.css

@@ -1,3 +1,7 @@
+body {
+    margin: 0;
+}
+
 #mainlist {
     position: absolute;
     left: 0;