From 804051e789e3f0605b18a14a0015a89110b83f00 Mon Sep 17 00:00:00 2001
From: thomas <thomas@kreativkonzentrat.de>
Date: Tue, 11 Jul 2017 22:16:57 +0200
Subject: [PATCH] also set bg color

---
 src/Renderer.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Renderer.ts b/src/Renderer.ts
index b94c273d7e..261214b1a6 100644
--- a/src/Renderer.ts
+++ b/src/Renderer.ts
@@ -168,7 +168,7 @@ export class Renderer {
       for (let i = 0; i < width; i++) {
         // TODO: Could data be a more specific type?
         let data: any = line[i][0];
-        let cursorFg;
+        let cursorData;
         const ch = line[i][1];
         const ch_width: any = line[i][2];
         if (!ch_width) {
@@ -176,7 +176,7 @@ export class Renderer {
         }
 
         if (i === x) {
-          cursorFg = (data >> 9) & 0x1ff;
+          cursorData = [data & 0x1ff, (data >> 9) & 0x1ff];
           data = -1;
         }
 
@@ -203,11 +203,16 @@ export class Renderer {
             currentElement = this._spanElementObjectPool.acquire();
 
             if (data === -1) {
+              let cursorBg = cursorData[0];
+              let cursorFg = cursorData[1];
               currentElement.classList.add('reverse-video');
               currentElement.classList.add('terminal-cursor');
-              if (cursorFg < 256) {
+              if (cursorFg >= 0 && cursorFg < 256) {
                 currentElement.classList.add(`xterm-color-${cursorFg}`);
               }
+              if (cursorBg >= 0 && cursorBg < 256) {
+                currentElement.classList.add(`xterm-bg-color-${cursorBg}`);
+              }
             } else {
               let bg = data & 0x1ff;
               let fg = (data >> 9) & 0x1ff;