From 70b58d1928c9c79c09ad489df6bd17b405ded38b Mon Sep 17 00:00:00 2001
From: Artur Shaikhullin <ashaihullin@gmail.com>
Date: Wed, 29 Nov 2017 20:07:24 +0600
Subject: [PATCH] Inject caret css on mode enter

---
 qutebrowser/javascript/webengine_caret.js | 29 +++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/qutebrowser/javascript/webengine_caret.js b/qutebrowser/javascript/webengine_caret.js
index 5efa81a79..03b951686 100644
--- a/qutebrowser/javascript/webengine_caret.js
+++ b/qutebrowser/javascript/webengine_caret.js
@@ -1070,12 +1070,41 @@ window._qutebrowser.caret = (function() {
         return false;
     };
 
+    function addCaretStyle() {
+        var style = '.CaretBrowsing_Caret {' +
+            '  position: absolute;' +
+            '  z-index: 2147483647;' +
+            '  min-height: 10px;' +
+            '  background-color: #000;' +
+            '}' +
+            '.CaretBrowsing_AnimateCaret {' +
+            '  position: absolute;' +
+            '  z-index: 2147483647;' +
+            '  min-height: 10px;' +
+            '}' +
+            '.CaretBrowsing_FlashVert {' +
+            '  position: absolute;' +
+            '  z-index: 2147483647;' +
+            '  background: linear-gradient(' +
+            '      270deg,' +
+            '      rgba(128, 128, 255, 0) 0%,' +
+            '      rgba(128, 128, 255, 0.3) 45%,' +
+            '      rgba(128, 128, 255, 0.8) 50%,' +
+            '      rgba(128, 128, 255, 0.3) 65%,' +
+            '      rgba(128, 128, 255, 0) 100%);' +
+            '}';
+        var node = document.createElement('style');
+        node.innerHTML = style;
+        document.body.appendChild(node);
+    }
+
     /**
      * If there's no initial selection, set the cursor just before the
      * first text character in the document.
      */
     funcs.setInitialCursor = () => {
         if (!CaretBrowsing.initiated) {
+            addCaretStyle();
             CaretBrowsing.setInitialCursor();
         } else {
             positionCaret();