From 1a44e3634a3395e0029cad9e589610217f486cd1 Mon Sep 17 00:00:00 2001
From: Daniel Imms <daimms@microsoft.com>
Date: Fri, 14 Jun 2019 12:39:01 -0700
Subject: [PATCH] Show text when cursor blinks in DOM renderer

Fixes #2224
---
 src/renderer/dom/DomRenderer.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/renderer/dom/DomRenderer.ts b/src/renderer/dom/DomRenderer.ts
index 8d370336..284905c6 100644
--- a/src/renderer/dom/DomRenderer.ts
+++ b/src/renderer/dom/DomRenderer.ts
@@ -167,9 +167,14 @@ export class DomRenderer extends Disposable implements IRenderer {
     // Blink animation
     styles +=
         `@keyframes blink {` +
-        ` 0% { opacity: 1.0; }` +
-        ` 50% { opacity: 0.0; }` +
-        ` 100% { opacity: 1.0; }` +
+        ` 0% {` +
+        `  background-color: ${this._colors.cursor.css};` +
+        `  color: ${this._colors.cursorAccent.css};` +
+        ` }` +
+        ` 50% {` +
+        `  background-color: ${this._colors.cursorAccent.css};` +
+        `  color: ${this._colors.cursor.css};` +
+        ` }` +
         `}`;
     // Cursor
     styles +=