From b2f001beae4b15b7d966c0adaf946780783b09ee Mon Sep 17 00:00:00 2001
From: redhoodsu <redhoodsu@tencent.com>
Date: Mon, 18 Jun 2018 21:02:59 +0800
Subject: [PATCH] Improve borderAll style and fix search text

---
 src/Snippets/Snippets.scss   |  8 --------
 src/Snippets/defSnippets.js  | 28 +++++-----------------------
 src/Snippets/searchText.scss |  9 +++++++++
 3 files changed, 14 insertions(+), 31 deletions(-)
 create mode 100644 src/Snippets/searchText.scss

diff --git a/src/Snippets/Snippets.scss b/src/Snippets/Snippets.scss
index 5a78537..9bb6370 100644
--- a/src/Snippets/Snippets.scss
+++ b/src/Snippets/Snippets.scss
@@ -44,11 +44,3 @@
     }
   }
 }
-
-.search-highlight-block {
-  display: inline;
-  .keyword {
-    background: $yellow;
-    color: #fff;
-  }
-}
diff --git a/src/Snippets/defSnippets.js b/src/Snippets/defSnippets.js
index 89912e7..b78262e 100644
--- a/src/Snippets/defSnippets.js
+++ b/src/Snippets/defSnippets.js
@@ -8,7 +8,6 @@ import {
   each,
   isStr,
   startWith,
-  has,
   $,
   isErudaEl,
   upperFirst,
@@ -27,7 +26,10 @@ export default [
         return
       }
 
-      style = evalCss(borderCss, document.head)
+      style = evalCss(
+        '* { outline: 2px dashed #707d8b; outline-offset: -3px; }',
+        document.head
+      )
     },
     desc: 'Add color borders to all elements'
   },
@@ -127,27 +129,7 @@ export default [
   }
 ]
 
-let borderCss = '',
-  styleName = has(document.documentElement.style, 'outline')
-    ? 'outline'
-    : 'border',
-  selector = 'html',
-  colors = [
-    'f5f5f5',
-    'dabb3a',
-    'abc1c7',
-    '472936',
-    'c84941',
-    '296dd1',
-    '67adb4',
-    '1ea061'
-  ]
-
-each(colors, (color, idx) => {
-  selector += idx === 0 ? '>*:not([class^="eruda-"])' : '>*'
-
-  borderCss += selector + `{${styleName}: 2px solid #${color} !important}`
-})
+evalCss(require('./searchText.scss'), document.head)
 
 function search(text) {
   let root = document.documentElement,
diff --git a/src/Snippets/searchText.scss b/src/Snippets/searchText.scss
new file mode 100644
index 0000000..84da001
--- /dev/null
+++ b/src/Snippets/searchText.scss
@@ -0,0 +1,9 @@
+@import '../style/variable';
+
+.search-highlight-block {
+  display: inline;
+  .keyword {
+    background: $yellow;
+    color: #fff;
+  }
+}