From 25f5f18c6c65ce9c084ccf499ff94da14dd247fa Mon Sep 17 00:00:00 2001 From: fofolee Date: Sun, 28 Jun 2020 23:40:18 +0800 Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E6=9A=97=E9=BB=91=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/plugins/jquery.autoMenu.js | 4 +- src/assets/styles/darkmode.css | 53 +++++++++++++++++++++++++++ src/assets/styles/jquery.autoMenu.css | 2 +- src/assets/styles/options.css | 11 ++---- src/assets/styles/style.css | 4 ++ 5 files changed, 64 insertions(+), 10 deletions(-) create mode 100644 src/assets/styles/darkmode.css diff --git a/src/assets/plugins/jquery.autoMenu.js b/src/assets/plugins/jquery.autoMenu.js index 64a4ce9a..c89d554f 100644 --- a/src/assets/plugins/jquery.autoMenu.js +++ b/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() diff --git a/src/assets/styles/darkmode.css b/src/assets/styles/darkmode.css new file mode 100644 index 00000000..0d7079ff --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/src/assets/styles/jquery.autoMenu.css b/src/assets/styles/jquery.autoMenu.css index 1496d5f8..330a4925 100644 --- a/src/assets/styles/jquery.autoMenu.css +++ b/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; } diff --git a/src/assets/styles/options.css b/src/assets/styles/options.css index 02fe2a0d..c9395c9c 100644 --- a/src/assets/styles/options.css +++ b/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; } diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css index 0e94cfc7..afd633ea 100644 --- a/src/assets/styles/style.css +++ b/src/assets/styles/style.css @@ -1,3 +1,7 @@ +body { + margin: 0; +} + #mainlist { position: absolute; left: 0;