From bd4ac225e96fe56c07f25ce9f6a85d4b5a909c48 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Tue, 30 Jun 2020 19:52:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=97=E9=BB=91=E6=A8=A1=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../theme/material-darker-modified.css        |  9 +++++--
 src/assets/style/darkmode.css                 |  7 ++----
 src/assets/style/options.css                  | 24 +++++++++++++++++++
 3 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/assets/plugins/codemirror/theme/material-darker-modified.css b/src/assets/plugins/codemirror/theme/material-darker-modified.css
index 3669c9c..dc637b8 100644
--- a/src/assets/plugins/codemirror/theme/material-darker-modified.css
+++ b/src/assets/plugins/codemirror/theme/material-darker-modified.css
@@ -16,11 +16,16 @@
 }
 
 .cm-s-material-darker .CodeMirror-guttermarker,
-.cm-s-material-darker .CodeMirror-guttermarker-subtle,
-.cm-s-material-darker .CodeMirror-linenumber {
+.cm-s-material-darker .CodeMirror-guttermarker-subtle {
   color: #545454;
 }
 
+.cm-s-material-darker  .CodeMirror-linenumber {
+    text-shadow: 0px 1px 1px #4d4d4d;
+    color: #545454;
+    padding: 0 5px;
+}
+
 .cm-s-material-darker .CodeMirror-cursor {
   border-left: 1px solid #FFCC00;
 }
diff --git a/src/assets/style/darkmode.css b/src/assets/style/darkmode.css
index 2cd0cd8..b10f014 100644
--- a/src/assets/style/darkmode.css
+++ b/src/assets/style/darkmode.css
@@ -89,16 +89,12 @@
     color: #e4e4e4;
 }
 
-#options #customize .select2-results__option--selected {
-    background: #7d7f86;
-}
-
 #options #customize .select2-selection__choice {
     border: 1px solid #717171
 }
 
 #options #customize .select2-dropdown {
-    background: #46474a;
+    background: #303133;
     color: #e4e4e4;
     border: 1px solid #565656;
 }
@@ -107,6 +103,7 @@
     background: #585958;
 }
 
+#options #customize .select2-results__option--selected,
 #quickselect .select2-results__option--selected {
     background-color: #3e3e3e;
 }
diff --git a/src/assets/style/options.css b/src/assets/style/options.css
index 822c65f..11f77fd 100644
--- a/src/assets/style/options.css
+++ b/src/assets/style/options.css
@@ -709,6 +709,30 @@ li.CodeMirror-hint {
     outline: none;
 }
 
+#options #customize .select2-results__option img {
+    max-width: 25px;
+    max-height: 25px;
+    vertical-align: middle;
+}
+
+#options #customize .select2-results__option span {
+    vertical-align: middle;
+    margin-left: 5px;
+}
+
+#options #customize .select2-results__option div {
+    color: #9e9e9e;
+    font-size: small;
+}
+
+#options #customize .select2-results__option.select2-results__option--highlighted div {
+    color: #f1f1f1
+}
+
+#options #customize .select2-results>.select2-results__options {
+    max-height: 300px;
+}
+
 #options #customize .select2-selection--single:hover,
 #options #customize .select2-selection--multiple:hover {
     border-bottom-color: #9e9e9ec7;