From da10f01a00286c18ee7067f926e2d9aa33969e01 Mon Sep 17 00:00:00 2001
From: Albin Ekblom <albinekblom@gmail.com>
Date: Mon, 4 Dec 2017 22:15:45 +0100
Subject: [PATCH] Fixed the cursor's color (#2520)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🐛 Fix underline cursor color

* 🐛 Fix unfocused box when cursor is underline

* 🐛 Fix BAR color and make BAR and UNDERLINE transparent when not in focus

* 🐛 Bring back the box when unfocused

* 🐛 Add cursorColor to unfocused underline and bar
---
 lib/components/style-sheet.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/style-sheet.js b/lib/components/style-sheet.js
index d9c3f5d0..a9bfdfc5 100644
--- a/lib/components/style-sheet.js
+++ b/lib/components/style-sheet.js
@@ -99,7 +99,7 @@ export default class StyleSheet extends React.PureComponent {
             content: "";
             display: block;
             position: absolute;
-            background-color: #fff;
+            background-color: ${cursorColor};
           }
           .terminal.xterm-cursor-style-bar .terminal-cursor::before {
             top: 0;
@@ -119,7 +119,7 @@ export default class StyleSheet extends React.PureComponent {
           }
           .terminal.xterm-cursor-style-bar.focus.xterm-cursor-blink .terminal-cursor::before,
           .terminal.xterm-cursor-style-underline.focus.xterm-cursor-blink .terminal-cursor::before {
-            background-color: #fff;
+            background-color: ${cursorColor};
           }
 
           .terminal .composition-view {