From dd780e6fe7cb5233648e70fae68d276f0cccbc43 Mon Sep 17 00:00:00 2001
From: CHaBou <chabup@delean.fr>
Date: Tue, 9 Jan 2018 17:33:24 +0100
Subject: [PATCH] Xterm v3 integration (#2573)

---
 app/config/config-default.js  |    6 +
 lib/components/style-sheet.js | 2359 ++-------------------------------
 lib/components/term-group.js  |    6 +
 lib/components/term.js        |   91 +-
 lib/components/terms.js       |    8 +-
 lib/containers/terms.js       |    2 +
 lib/reducers/ui.js            |   10 +
 package.json                  |   53 +-
 yarn.lock                     |  140 +-
 9 files changed, 310 insertions(+), 2365 deletions(-)

diff --git a/app/config/config-default.js b/app/config/config-default.js
index d0190f6b..62779606 100644
--- a/app/config/config-default.js
+++ b/app/config/config-default.js
@@ -17,6 +17,9 @@ module.exports = {
     // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
     cursorColor: 'rgba(248,28,229,0.8)',
 
+    // terminal text color under BLOCK cursor
+    cursorAccentColor: '#000',
+
     // `'BEAM'` for |, `'UNDERLINE'` for _, `'BLOCK'` for █
     cursorShape: 'BLOCK',
 
@@ -30,6 +33,9 @@ module.exports = {
     // opacity is only supported on macOS
     backgroundColor: '#000',
 
+    // terminal selection color
+    selectionColor: 'rgba(248,28,229,0.3)',
+
     // border color (window, tabs)
     borderColor: '#333',
 
diff --git a/lib/components/style-sheet.js b/lib/components/style-sheet.js
index 4c90b394..a8ad760e 100644
--- a/lib/components/style-sheet.js
+++ b/lib/components/style-sheet.js
@@ -2,2267 +2,114 @@ import React from 'react';
 
 export default class StyleSheet extends React.PureComponent {
   render() {
-    const {
-      customCSS,
-      colors,
-      backgroundColor,
-      cursorColor,
-      fontSize,
-      fontFamily,
-      fontSmoothing,
-      foregroundColor,
-      borderColor
-    } = this.props;
+    const {customCSS, backgroundColor, fontFamily, foregroundColor, borderColor} = this.props;
 
     return (
       <style
         dangerouslySetInnerHTML={{
           __html: `
-          .terminal {
-            ${foregroundColor ? `color: ${foregroundColor};` : ''}
-            ${fontFamily ? `font-family: ${fontFamily};` : ''}
-            ${fontSize ? `font-size: ${fontSize}px;` : ''}
-            ${fontSmoothing ? `-webkit-font-smoothing: ${fontSmoothing};` : ''}
-            background: transparent;
-            font-feature-settings: "liga" 0;
-            position: relative;
-            user-select: none;
-            -ms-user-select: none;
-            -webkit-user-select: none;
-          }
-
-          .terminal.focus,
-          .terminal:focus {
-            outline: none;
-          }
-
-          .terminal .xterm-helpers {
-            position: absolute;
-            top: 0;
-          }
-
-          .terminal .xterm-helper-textarea {
-            /*
-             * HACK: to fix IE's blinking cursor
-             * Move textarea out of the screen to the far left, so that the cursor is not visible.
-             */
-            position: absolute;
-            opacity: 0;
-            left: -9999em;
-            top: 0;
-            width: 0;
-            height: 0;
-            z-index: -10;
-            /** Prevent wrapping so the IME appears against the textarea at the correct position */
-            white-space: nowrap;
-            overflow: hidden;
-            resize: none;
-          }
-
-          .terminal a {
-            color: inherit;
-            text-decoration: none;
-          }
-
-          .terminal a:hover {
-            cursor: pointer;
-            text-decoration: underline;
-          }
-
-          .terminal a.xterm-invalid-link:hover {
-            cursor: text;
-            text-decoration: none;
-          }
-
-          .terminal.focus:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor {
-            background-color: ${cursorColor};
-            color: ${backgroundColor};
-          }
-
-          .terminal:not(.focus) .terminal-cursor {
-            outline: 1px solid ${cursorColor};
-            outline-offset: -1px;
-            background-color: transparent;
-          }
-
-          .terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar).focus.xterm-cursor-blink-on .terminal-cursor {
-            background-color: transparent;
-            color: inherit;
-          }
-
-          .terminal.xterm-cursor-style-bar .terminal-cursor,
-          .terminal.xterm-cursor-style-underline .terminal-cursor {
-            position: relative;
-          }
-
-          .terminal.xterm-cursor-style-bar .terminal-cursor::before,
-          .terminal.xterm-cursor-style-underline .terminal-cursor::before {
-            content: "";
-            display: block;
-            position: absolute;
-            background-color: ${cursorColor};
-          }
-          .terminal.xterm-cursor-style-bar .terminal-cursor::before {
-            top: 0;
-            bottom: 0;
-            left: 0;
-            width: 1px;
-          }
-          .terminal.xterm-cursor-style-underline .terminal-cursor::before {
-            bottom: 0;
-            left: 0;
-            right: 0;
-            height: 1px;
-          }
-          .terminal.xterm-cursor-style-bar.focus.xterm-cursor-blink.xterm-cursor-blink-on .terminal-cursor::before,
-          .terminal.xterm-cursor-style-underline.focus.xterm-cursor-blink.xterm-cursor-blink-on .terminal-cursor::before {
-            background-color: transparent;
-          }
-          .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: ${cursorColor};
-          }
-
-          .terminal .composition-view {
-            background: transparent;
-            color: #FFF;
-            display: none;
-            position: absolute;
-            white-space: nowrap;
-            z-index: 1;
-          }
-
-          .terminal .composition-view.active {
-            display: block;
-          }
-
-          .terminal .xterm-viewport {
-            background: transparent;
-            overflow-y: scroll;
-          }
-
-          .terminal .xterm-wide-char,
-          .terminal .xterm-normal-char {
-            display: inline-block;
-          }
-
-          .terminal .xterm-rows {
-            position: absolute;
-            left: 0;
-            top: 0;
-          }
-
-          .terminal .xterm-rows > div {
-            /* Lines containing spans and text nodes ocassionally wrap despite being the same width (#327) */
-            white-space: nowrap;
-          }
-
-          .terminal .xterm-scroll-area {
-            visibility: hidden;
-          }
-
-          .terminal .xterm-char-measure-element {
-            display: inline-block;
-            visibility: hidden;
-            position: absolute;
-            left: -9999em;
-          }
-
-          .terminal .xterm-selection {
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 1;
-            opacity: 0.3;
-            pointer-events: none;
-          }
-
-          .terminal .xterm-selection div {
-            position: absolute;
-            background-color: ${cursorColor};
-          }
-
-          /*
-           *  Determine default colors for xterm.js
-           */
-          .terminal .xterm-bold {
-            font-weight: bold;
-          }
-
-          .terminal .xterm-underline {
-            text-decoration: underline;
-          }
-
-          .terminal .xterm-blink {
-            text-decoration: blink;
-          }
-
-          .terminal .xterm-hidden {
-            visibility: hidden;
-          }
-
-          .terminal .xterm-color-0 {
-            color: ${colors.black};
-          }
-
-          .terminal .xterm-bg-color-0 {
-            background-color: ${colors.black};
-          }
-
-          .terminal .xterm-color-1 {
-            color: ${colors.red};
-          }
-
-          .terminal .xterm-bg-color-1 {
-            background-color: ${colors.red};
-          }
-
-          .terminal .xterm-color-2 {
-            color: ${colors.green};
-          }
-
-          .terminal .xterm-bg-color-2 {
-            background-color: ${colors.green};
-          }
-
-          .terminal .xterm-color-3 {
-            color: ${colors.yellow};
-          }
-
-          .terminal .xterm-bg-color-3 {
-            background-color: ${colors.yellow};
-          }
-
-          .terminal .xterm-color-4 {
-            color: ${colors.blue};
-          }
-
-          .terminal .xterm-bg-color-4 {
-            background-color: ${colors.blue};
-          }
-
-          .terminal .xterm-color-5 {
-            color: ${colors.magenta};
-          }
-
-          .terminal .xterm-bg-color-5 {
-            background-color: ${colors.magenta};
-          }
-
-          .terminal .xterm-color-6 {
-            color: ${colors.cyan};
-          }
-
-          .terminal .xterm-bg-color-6 {
-            background-color: ${colors.cyan};
-          }
-
-          .terminal .xterm-color-7 {
-            color: ${colors.white};
-          }
-
-          .terminal .xterm-bg-color-7 {
-            background-color: ${colors.white};
-          }
-
-          .terminal .xterm-color-8 {
-            color: ${colors.lightBlack};
-          }
-
-          .terminal .xterm-bg-color-8 {
-            background-color: ${colors.lightBlack};
-          }
-
-          .terminal .xterm-color-9 {
-            color: ${colors.lightRed};
-          }
-
-          .terminal .xterm-bg-color-9 {
-            background-color: ${colors.lightRed};
-          }
-
-          .terminal .xterm-color-10 {
-            color: ${colors.lightGreen};
-          }
-
-          .terminal .xterm-bg-color-10 {
-            background-color: ${colors.lightGreen};
-          }
-
-          .terminal .xterm-color-11 {
-            color: ${colors.lightYellow};
-          }
-
-          .terminal .xterm-bg-color-11 {
-            background-color: ${colors.lightYellow};
-          }
-
-          .terminal .xterm-color-12 {
-            color: ${colors.lightBlue};
-          }
-
-          .terminal .xterm-bg-color-12 {
-            background-color: ${colors.lightBlue};
-          }
-
-          .terminal .xterm-color-13 {
-            color: ${colors.lightMagenta};
-          }
-
-          .terminal .xterm-bg-color-13 {
-            background-color: ${colors.lightMagenta};
-          }
-
-          .terminal .xterm-color-14 {
-            color: ${colors.lightCyan};
-          }
-
-          .terminal .xterm-bg-color-14 {
-            background-color: ${colors.lightCyan};
-          }
-
-          .terminal .xterm-color-15 {
-            color: ${colors.lightWhite};
-          }
-
-          .terminal .xterm-bg-color-15 {
-            background-color: ${colors.lightWhite};
-          }
-
-          .terminal .xterm-color-16 {
-            color: #000000;
-          }
-
-          .terminal .xterm-bg-color-16 {
-            background-color: #000000;
-          }
-
-          .terminal .xterm-color-17 {
-            color: #00005f;
-          }
-
-          .terminal .xterm-bg-color-17 {
-            background-color: #00005f;
-          }
-
-          .terminal .xterm-color-18 {
-            color: #000087;
-          }
-
-          .terminal .xterm-bg-color-18 {
-            background-color: #000087;
-          }
-
-          .terminal .xterm-color-19 {
-            color: #0000af;
-          }
-
-          .terminal .xterm-bg-color-19 {
-            background-color: #0000af;
-          }
-
-          .terminal .xterm-color-20 {
-            color: #0000d7;
-          }
-
-          .terminal .xterm-bg-color-20 {
-            background-color: #0000d7;
-          }
-
-          .terminal .xterm-color-21 {
-            color: #0000ff;
-          }
-
-          .terminal .xterm-bg-color-21 {
-            background-color: #0000ff;
-          }
-
-          .terminal .xterm-color-22 {
-            color: #005f00;
-          }
-
-          .terminal .xterm-bg-color-22 {
-            background-color: #005f00;
-          }
-
-          .terminal .xterm-color-23 {
-            color: #005f5f;
-          }
-
-          .terminal .xterm-bg-color-23 {
-            background-color: #005f5f;
-          }
-
-          .terminal .xterm-color-24 {
-            color: #005f87;
-          }
-
-          .terminal .xterm-bg-color-24 {
-            background-color: #005f87;
-          }
-
-          .terminal .xterm-color-25 {
-            color: #005faf;
-          }
-
-          .terminal .xterm-bg-color-25 {
-            background-color: #005faf;
-          }
-
-          .terminal .xterm-color-26 {
-            color: #005fd7;
-          }
-
-          .terminal .xterm-bg-color-26 {
-            background-color: #005fd7;
-          }
-
-          .terminal .xterm-color-27 {
-            color: #005fff;
-          }
-
-          .terminal .xterm-bg-color-27 {
-            background-color: #005fff;
-          }
-
-          .terminal .xterm-color-28 {
-            color: #008700;
-          }
-
-          .terminal .xterm-bg-color-28 {
-            background-color: #008700;
-          }
-
-          .terminal .xterm-color-29 {
-            color: #00875f;
-          }
-
-          .terminal .xterm-bg-color-29 {
-            background-color: #00875f;
-          }
-
-          .terminal .xterm-color-30 {
-            color: #008787;
-          }
-
-          .terminal .xterm-bg-color-30 {
-            background-color: #008787;
-          }
-
-          .terminal .xterm-color-31 {
-            color: #0087af;
-          }
-
-          .terminal .xterm-bg-color-31 {
-            background-color: #0087af;
-          }
-
-          .terminal .xterm-color-32 {
-            color: #0087d7;
-          }
-
-          .terminal .xterm-bg-color-32 {
-            background-color: #0087d7;
-          }
-
-          .terminal .xterm-color-33 {
-            color: #0087ff;
-          }
-
-          .terminal .xterm-bg-color-33 {
-            background-color: #0087ff;
-          }
-
-          .terminal .xterm-color-34 {
-            color: #00af00;
-          }
-
-          .terminal .xterm-bg-color-34 {
-            background-color: #00af00;
-          }
-
-          .terminal .xterm-color-35 {
-            color: #00af5f;
-          }
-
-          .terminal .xterm-bg-color-35 {
-            background-color: #00af5f;
-          }
-
-          .terminal .xterm-color-36 {
-            color: #00af87;
-          }
-
-          .terminal .xterm-bg-color-36 {
-            background-color: #00af87;
-          }
-
-          .terminal .xterm-color-37 {
-            color: #00afaf;
-          }
-
-          .terminal .xterm-bg-color-37 {
-            background-color: #00afaf;
-          }
-
-          .terminal .xterm-color-38 {
-            color: #00afd7;
-          }
-
-          .terminal .xterm-bg-color-38 {
-            background-color: #00afd7;
-          }
-
-          .terminal .xterm-color-39 {
-            color: #00afff;
-          }
-
-          .terminal .xterm-bg-color-39 {
-            background-color: #00afff;
-          }
-
-          .terminal .xterm-color-40 {
-            color: #00d700;
-          }
-
-          .terminal .xterm-bg-color-40 {
-            background-color: #00d700;
-          }
-
-          .terminal .xterm-color-41 {
-            color: #00d75f;
-          }
-
-          .terminal .xterm-bg-color-41 {
-            background-color: #00d75f;
-          }
-
-          .terminal .xterm-color-42 {
-            color: #00d787;
-          }
-
-          .terminal .xterm-bg-color-42 {
-            background-color: #00d787;
-          }
-
-          .terminal .xterm-color-43 {
-            color: #00d7af;
-          }
-
-          .terminal .xterm-bg-color-43 {
-            background-color: #00d7af;
-          }
-
-          .terminal .xterm-color-44 {
-            color: #00d7d7;
-          }
-
-          .terminal .xterm-bg-color-44 {
-            background-color: #00d7d7;
-          }
-
-          .terminal .xterm-color-45 {
-            color: #00d7ff;
-          }
-
-          .terminal .xterm-bg-color-45 {
-            background-color: #00d7ff;
-          }
-
-          .terminal .xterm-color-46 {
-            color: #00ff00;
-          }
-
-          .terminal .xterm-bg-color-46 {
-            background-color: #00ff00;
-          }
-
-          .terminal .xterm-color-47 {
-            color: #00ff5f;
-          }
-
-          .terminal .xterm-bg-color-47 {
-            background-color: #00ff5f;
-          }
-
-          .terminal .xterm-color-48 {
-            color: #00ff87;
-          }
-
-          .terminal .xterm-bg-color-48 {
-            background-color: #00ff87;
-          }
-
-          .terminal .xterm-color-49 {
-            color: #00ffaf;
-          }
-
-          .terminal .xterm-bg-color-49 {
-            background-color: #00ffaf;
-          }
-
-          .terminal .xterm-color-50 {
-            color: #00ffd7;
-          }
-
-          .terminal .xterm-bg-color-50 {
-            background-color: #00ffd7;
-          }
-
-          .terminal .xterm-color-51 {
-            color: #00ffff;
-          }
-
-          .terminal .xterm-bg-color-51 {
-            background-color: #00ffff;
-          }
-
-          .terminal .xterm-color-52 {
-            color: #5f0000;
-          }
-
-          .terminal .xterm-bg-color-52 {
-            background-color: #5f0000;
-          }
-
-          .terminal .xterm-color-53 {
-            color: #5f005f;
-          }
-
-          .terminal .xterm-bg-color-53 {
-            background-color: #5f005f;
-          }
-
-          .terminal .xterm-color-54 {
-            color: #5f0087;
-          }
-
-          .terminal .xterm-bg-color-54 {
-            background-color: #5f0087;
-          }
-
-          .terminal .xterm-color-55 {
-            color: #5f00af;
-          }
-
-          .terminal .xterm-bg-color-55 {
-            background-color: #5f00af;
-          }
-
-          .terminal .xterm-color-56 {
-            color: #5f00d7;
-          }
-
-          .terminal .xterm-bg-color-56 {
-            background-color: #5f00d7;
-          }
-
-          .terminal .xterm-color-57 {
-            color: #5f00ff;
-          }
-
-          .terminal .xterm-bg-color-57 {
-            background-color: #5f00ff;
-          }
-
-          .terminal .xterm-color-58 {
-            color: #5f5f00;
-          }
-
-          .terminal .xterm-bg-color-58 {
-            background-color: #5f5f00;
-          }
-
-          .terminal .xterm-color-59 {
-            color: #5f5f5f;
-          }
-
-          .terminal .xterm-bg-color-59 {
-            background-color: #5f5f5f;
-          }
-
-          .terminal .xterm-color-60 {
-            color: #5f5f87;
-          }
-
-          .terminal .xterm-bg-color-60 {
-            background-color: #5f5f87;
-          }
-
-          .terminal .xterm-color-61 {
-            color: #5f5faf;
-          }
-
-          .terminal .xterm-bg-color-61 {
-            background-color: #5f5faf;
-          }
-
-          .terminal .xterm-color-62 {
-            color: #5f5fd7;
-          }
-
-          .terminal .xterm-bg-color-62 {
-            background-color: #5f5fd7;
-          }
-
-          .terminal .xterm-color-63 {
-            color: #5f5fff;
-          }
-
-          .terminal .xterm-bg-color-63 {
-            background-color: #5f5fff;
-          }
-
-          .terminal .xterm-color-64 {
-            color: #5f8700;
-          }
-
-          .terminal .xterm-bg-color-64 {
-            background-color: #5f8700;
-          }
-
-          .terminal .xterm-color-65 {
-            color: #5f875f;
-          }
-
-          .terminal .xterm-bg-color-65 {
-            background-color: #5f875f;
-          }
-
-          .terminal .xterm-color-66 {
-            color: #5f8787;
-          }
-
-          .terminal .xterm-bg-color-66 {
-            background-color: #5f8787;
-          }
-
-          .terminal .xterm-color-67 {
-            color: #5f87af;
-          }
-
-          .terminal .xterm-bg-color-67 {
-            background-color: #5f87af;
-          }
-
-          .terminal .xterm-color-68 {
-            color: #5f87d7;
-          }
-
-          .terminal .xterm-bg-color-68 {
-            background-color: #5f87d7;
-          }
-
-          .terminal .xterm-color-69 {
-            color: #5f87ff;
-          }
-
-          .terminal .xterm-bg-color-69 {
-            background-color: #5f87ff;
-          }
-
-          .terminal .xterm-color-70 {
-            color: #5faf00;
-          }
-
-          .terminal .xterm-bg-color-70 {
-            background-color: #5faf00;
-          }
-
-          .terminal .xterm-color-71 {
-            color: #5faf5f;
-          }
-
-          .terminal .xterm-bg-color-71 {
-            background-color: #5faf5f;
-          }
-
-          .terminal .xterm-color-72 {
-            color: #5faf87;
-          }
-
-          .terminal .xterm-bg-color-72 {
-            background-color: #5faf87;
-          }
-
-          .terminal .xterm-color-73 {
-            color: #5fafaf;
-          }
-
-          .terminal .xterm-bg-color-73 {
-            background-color: #5fafaf;
-          }
-
-          .terminal .xterm-color-74 {
-            color: #5fafd7;
-          }
-
-          .terminal .xterm-bg-color-74 {
-            background-color: #5fafd7;
-          }
-
-          .terminal .xterm-color-75 {
-            color: #5fafff;
-          }
-
-          .terminal .xterm-bg-color-75 {
-            background-color: #5fafff;
-          }
-
-          .terminal .xterm-color-76 {
-            color: #5fd700;
-          }
-
-          .terminal .xterm-bg-color-76 {
-            background-color: #5fd700;
-          }
-
-          .terminal .xterm-color-77 {
-            color: #5fd75f;
-          }
-
-          .terminal .xterm-bg-color-77 {
-            background-color: #5fd75f;
-          }
-
-          .terminal .xterm-color-78 {
-            color: #5fd787;
-          }
-
-          .terminal .xterm-bg-color-78 {
-            background-color: #5fd787;
-          }
-
-          .terminal .xterm-color-79 {
-            color: #5fd7af;
-          }
-
-          .terminal .xterm-bg-color-79 {
-            background-color: #5fd7af;
-          }
-
-          .terminal .xterm-color-80 {
-            color: #5fd7d7;
-          }
-
-          .terminal .xterm-bg-color-80 {
-            background-color: #5fd7d7;
-          }
-
-          .terminal .xterm-color-81 {
-            color: #5fd7ff;
-          }
-
-          .terminal .xterm-bg-color-81 {
-            background-color: #5fd7ff;
-          }
-
-          .terminal .xterm-color-82 {
-            color: #5fff00;
-          }
-
-          .terminal .xterm-bg-color-82 {
-            background-color: #5fff00;
-          }
-
-          .terminal .xterm-color-83 {
-            color: #5fff5f;
-          }
-
-          .terminal .xterm-bg-color-83 {
-            background-color: #5fff5f;
-          }
-
-          .terminal .xterm-color-84 {
-            color: #5fff87;
-          }
-
-          .terminal .xterm-bg-color-84 {
-            background-color: #5fff87;
-          }
-
-          .terminal .xterm-color-85 {
-            color: #5fffaf;
-          }
-
-          .terminal .xterm-bg-color-85 {
-            background-color: #5fffaf;
-          }
-
-          .terminal .xterm-color-86 {
-            color: #5fffd7;
-          }
-
-          .terminal .xterm-bg-color-86 {
-            background-color: #5fffd7;
-          }
-
-          .terminal .xterm-color-87 {
-            color: #5fffff;
-          }
-
-          .terminal .xterm-bg-color-87 {
-            background-color: #5fffff;
-          }
-
-          .terminal .xterm-color-88 {
-            color: #870000;
-          }
-
-          .terminal .xterm-bg-color-88 {
-            background-color: #870000;
-          }
-
-          .terminal .xterm-color-89 {
-            color: #87005f;
-          }
-
-          .terminal .xterm-bg-color-89 {
-            background-color: #87005f;
-          }
-
-          .terminal .xterm-color-90 {
-            color: #870087;
-          }
-
-          .terminal .xterm-bg-color-90 {
-            background-color: #870087;
-          }
-
-          .terminal .xterm-color-91 {
-            color: #8700af;
-          }
-
-          .terminal .xterm-bg-color-91 {
-            background-color: #8700af;
-          }
-
-          .terminal .xterm-color-92 {
-            color: #8700d7;
-          }
-
-          .terminal .xterm-bg-color-92 {
-            background-color: #8700d7;
-          }
-
-          .terminal .xterm-color-93 {
-            color: #8700ff;
-          }
-
-          .terminal .xterm-bg-color-93 {
-            background-color: #8700ff;
-          }
-
-          .terminal .xterm-color-94 {
-            color: #875f00;
-          }
-
-          .terminal .xterm-bg-color-94 {
-            background-color: #875f00;
-          }
-
-          .terminal .xterm-color-95 {
-            color: #875f5f;
-          }
-
-          .terminal .xterm-bg-color-95 {
-            background-color: #875f5f;
-          }
-
-          .terminal .xterm-color-96 {
-            color: #875f87;
-          }
-
-          .terminal .xterm-bg-color-96 {
-            background-color: #875f87;
-          }
-
-          .terminal .xterm-color-97 {
-            color: #875faf;
-          }
-
-          .terminal .xterm-bg-color-97 {
-            background-color: #875faf;
-          }
-
-          .terminal .xterm-color-98 {
-            color: #875fd7;
-          }
-
-          .terminal .xterm-bg-color-98 {
-            background-color: #875fd7;
-          }
-
-          .terminal .xterm-color-99 {
-            color: #875fff;
-          }
-
-          .terminal .xterm-bg-color-99 {
-            background-color: #875fff;
-          }
-
-          .terminal .xterm-color-100 {
-            color: #878700;
-          }
-
-          .terminal .xterm-bg-color-100 {
-            background-color: #878700;
-          }
-
-          .terminal .xterm-color-101 {
-            color: #87875f;
-          }
-
-          .terminal .xterm-bg-color-101 {
-            background-color: #87875f;
-          }
-
-          .terminal .xterm-color-102 {
-            color: #878787;
-          }
-
-          .terminal .xterm-bg-color-102 {
-            background-color: #878787;
-          }
-
-          .terminal .xterm-color-103 {
-            color: #8787af;
-          }
-
-          .terminal .xterm-bg-color-103 {
-            background-color: #8787af;
-          }
-
-          .terminal .xterm-color-104 {
-            color: #8787d7;
-          }
-
-          .terminal .xterm-bg-color-104 {
-            background-color: #8787d7;
-          }
-
-          .terminal .xterm-color-105 {
-            color: #8787ff;
-          }
-
-          .terminal .xterm-bg-color-105 {
-            background-color: #8787ff;
-          }
-
-          .terminal .xterm-color-106 {
-            color: #87af00;
-          }
-
-          .terminal .xterm-bg-color-106 {
-            background-color: #87af00;
-          }
-
-          .terminal .xterm-color-107 {
-            color: #87af5f;
-          }
-
-          .terminal .xterm-bg-color-107 {
-            background-color: #87af5f;
-          }
-
-          .terminal .xterm-color-108 {
-            color: #87af87;
-          }
-
-          .terminal .xterm-bg-color-108 {
-            background-color: #87af87;
-          }
-
-          .terminal .xterm-color-109 {
-            color: #87afaf;
-          }
-
-          .terminal .xterm-bg-color-109 {
-            background-color: #87afaf;
-          }
-
-          .terminal .xterm-color-110 {
-            color: #87afd7;
-          }
-
-          .terminal .xterm-bg-color-110 {
-            background-color: #87afd7;
-          }
-
-          .terminal .xterm-color-111 {
-            color: #87afff;
-          }
-
-          .terminal .xterm-bg-color-111 {
-            background-color: #87afff;
-          }
-
-          .terminal .xterm-color-112 {
-            color: #87d700;
-          }
-
-          .terminal .xterm-bg-color-112 {
-            background-color: #87d700;
-          }
-
-          .terminal .xterm-color-113 {
-            color: #87d75f;
-          }
-
-          .terminal .xterm-bg-color-113 {
-            background-color: #87d75f;
-          }
-
-          .terminal .xterm-color-114 {
-            color: #87d787;
-          }
-
-          .terminal .xterm-bg-color-114 {
-            background-color: #87d787;
-          }
-
-          .terminal .xterm-color-115 {
-            color: #87d7af;
-          }
-
-          .terminal .xterm-bg-color-115 {
-            background-color: #87d7af;
-          }
-
-          .terminal .xterm-color-116 {
-            color: #87d7d7;
-          }
-
-          .terminal .xterm-bg-color-116 {
-            background-color: #87d7d7;
-          }
-
-          .terminal .xterm-color-117 {
-            color: #87d7ff;
-          }
-
-          .terminal .xterm-bg-color-117 {
-            background-color: #87d7ff;
-          }
-
-          .terminal .xterm-color-118 {
-            color: #87ff00;
-          }
-
-          .terminal .xterm-bg-color-118 {
-            background-color: #87ff00;
-          }
-
-          .terminal .xterm-color-119 {
-            color: #87ff5f;
-          }
-
-          .terminal .xterm-bg-color-119 {
-            background-color: #87ff5f;
-          }
-
-          .terminal .xterm-color-120 {
-            color: #87ff87;
-          }
-
-          .terminal .xterm-bg-color-120 {
-            background-color: #87ff87;
-          }
-
-          .terminal .xterm-color-121 {
-            color: #87ffaf;
-          }
-
-          .terminal .xterm-bg-color-121 {
-            background-color: #87ffaf;
-          }
-
-          .terminal .xterm-color-122 {
-            color: #87ffd7;
-          }
-
-          .terminal .xterm-bg-color-122 {
-            background-color: #87ffd7;
-          }
-
-          .terminal .xterm-color-123 {
-            color: #87ffff;
-          }
-
-          .terminal .xterm-bg-color-123 {
-            background-color: #87ffff;
-          }
-
-          .terminal .xterm-color-124 {
-            color: #af0000;
-          }
-
-          .terminal .xterm-bg-color-124 {
-            background-color: #af0000;
-          }
-
-          .terminal .xterm-color-125 {
-            color: #af005f;
-          }
-
-          .terminal .xterm-bg-color-125 {
-            background-color: #af005f;
-          }
-
-          .terminal .xterm-color-126 {
-            color: #af0087;
-          }
-
-          .terminal .xterm-bg-color-126 {
-            background-color: #af0087;
-          }
-
-          .terminal .xterm-color-127 {
-            color: #af00af;
-          }
-
-          .terminal .xterm-bg-color-127 {
-            background-color: #af00af;
-          }
-
-          .terminal .xterm-color-128 {
-            color: #af00d7;
-          }
-
-          .terminal .xterm-bg-color-128 {
-            background-color: #af00d7;
-          }
-
-          .terminal .xterm-color-129 {
-            color: #af00ff;
-          }
-
-          .terminal .xterm-bg-color-129 {
-            background-color: #af00ff;
-          }
-
-          .terminal .xterm-color-130 {
-            color: #af5f00;
-          }
-
-          .terminal .xterm-bg-color-130 {
-            background-color: #af5f00;
-          }
-
-          .terminal .xterm-color-131 {
-            color: #af5f5f;
-          }
-
-          .terminal .xterm-bg-color-131 {
-            background-color: #af5f5f;
-          }
-
-          .terminal .xterm-color-132 {
-            color: #af5f87;
-          }
-
-          .terminal .xterm-bg-color-132 {
-            background-color: #af5f87;
-          }
-
-          .terminal .xterm-color-133 {
-            color: #af5faf;
-          }
-
-          .terminal .xterm-bg-color-133 {
-            background-color: #af5faf;
-          }
-
-          .terminal .xterm-color-134 {
-            color: #af5fd7;
-          }
-
-          .terminal .xterm-bg-color-134 {
-            background-color: #af5fd7;
-          }
-
-          .terminal .xterm-color-135 {
-            color: #af5fff;
-          }
-
-          .terminal .xterm-bg-color-135 {
-            background-color: #af5fff;
-          }
-
-          .terminal .xterm-color-136 {
-            color: #af8700;
-          }
-
-          .terminal .xterm-bg-color-136 {
-            background-color: #af8700;
-          }
-
-          .terminal .xterm-color-137 {
-            color: #af875f;
-          }
-
-          .terminal .xterm-bg-color-137 {
-            background-color: #af875f;
-          }
-
-          .terminal .xterm-color-138 {
-            color: #af8787;
-          }
-
-          .terminal .xterm-bg-color-138 {
-            background-color: #af8787;
-          }
-
-          .terminal .xterm-color-139 {
-            color: #af87af;
-          }
-
-          .terminal .xterm-bg-color-139 {
-            background-color: #af87af;
-          }
-
-          .terminal .xterm-color-140 {
-            color: #af87d7;
-          }
-
-          .terminal .xterm-bg-color-140 {
-            background-color: #af87d7;
-          }
-
-          .terminal .xterm-color-141 {
-            color: #af87ff;
-          }
-
-          .terminal .xterm-bg-color-141 {
-            background-color: #af87ff;
-          }
-
-          .terminal .xterm-color-142 {
-            color: #afaf00;
-          }
-
-          .terminal .xterm-bg-color-142 {
-            background-color: #afaf00;
-          }
-
-          .terminal .xterm-color-143 {
-            color: #afaf5f;
-          }
-
-          .terminal .xterm-bg-color-143 {
-            background-color: #afaf5f;
-          }
-
-          .terminal .xterm-color-144 {
-            color: #afaf87;
-          }
-
-          .terminal .xterm-bg-color-144 {
-            background-color: #afaf87;
-          }
-
-          .terminal .xterm-color-145 {
-            color: #afafaf;
-          }
-
-          .terminal .xterm-bg-color-145 {
-            background-color: #afafaf;
-          }
-
-          .terminal .xterm-color-146 {
-            color: #afafd7;
-          }
-
-          .terminal .xterm-bg-color-146 {
-            background-color: #afafd7;
-          }
-
-          .terminal .xterm-color-147 {
-            color: #afafff;
-          }
-
-          .terminal .xterm-bg-color-147 {
-            background-color: #afafff;
-          }
-
-          .terminal .xterm-color-148 {
-            color: #afd700;
-          }
-
-          .terminal .xterm-bg-color-148 {
-            background-color: #afd700;
-          }
-
-          .terminal .xterm-color-149 {
-            color: #afd75f;
-          }
-
-          .terminal .xterm-bg-color-149 {
-            background-color: #afd75f;
-          }
-
-          .terminal .xterm-color-150 {
-            color: #afd787;
-          }
-
-          .terminal .xterm-bg-color-150 {
-            background-color: #afd787;
-          }
-
-          .terminal .xterm-color-151 {
-            color: #afd7af;
-          }
-
-          .terminal .xterm-bg-color-151 {
-            background-color: #afd7af;
-          }
-
-          .terminal .xterm-color-152 {
-            color: #afd7d7;
-          }
-
-          .terminal .xterm-bg-color-152 {
-            background-color: #afd7d7;
-          }
-
-          .terminal .xterm-color-153 {
-            color: #afd7ff;
-          }
-
-          .terminal .xterm-bg-color-153 {
-            background-color: #afd7ff;
-          }
-
-          .terminal .xterm-color-154 {
-            color: #afff00;
-          }
-
-          .terminal .xterm-bg-color-154 {
-            background-color: #afff00;
-          }
-
-          .terminal .xterm-color-155 {
-            color: #afff5f;
-          }
-
-          .terminal .xterm-bg-color-155 {
-            background-color: #afff5f;
-          }
-
-          .terminal .xterm-color-156 {
-            color: #afff87;
-          }
-
-          .terminal .xterm-bg-color-156 {
-            background-color: #afff87;
-          }
-
-          .terminal .xterm-color-157 {
-            color: #afffaf;
-          }
-
-          .terminal .xterm-bg-color-157 {
-            background-color: #afffaf;
-          }
-
-          .terminal .xterm-color-158 {
-            color: #afffd7;
-          }
-
-          .terminal .xterm-bg-color-158 {
-            background-color: #afffd7;
-          }
-
-          .terminal .xterm-color-159 {
-            color: #afffff;
-          }
-
-          .terminal .xterm-bg-color-159 {
-            background-color: #afffff;
-          }
-
-          .terminal .xterm-color-160 {
-            color: #d70000;
-          }
-
-          .terminal .xterm-bg-color-160 {
-            background-color: #d70000;
-          }
-
-          .terminal .xterm-color-161 {
-            color: #d7005f;
-          }
-
-          .terminal .xterm-bg-color-161 {
-            background-color: #d7005f;
-          }
-
-          .terminal .xterm-color-162 {
-            color: #d70087;
-          }
-
-          .terminal .xterm-bg-color-162 {
-            background-color: #d70087;
-          }
-
-          .terminal .xterm-color-163 {
-            color: #d700af;
-          }
-
-          .terminal .xterm-bg-color-163 {
-            background-color: #d700af;
-          }
-
-          .terminal .xterm-color-164 {
-            color: #d700d7;
-          }
-
-          .terminal .xterm-bg-color-164 {
-            background-color: #d700d7;
-          }
-
-          .terminal .xterm-color-165 {
-            color: #d700ff;
-          }
-
-          .terminal .xterm-bg-color-165 {
-            background-color: #d700ff;
-          }
-
-          .terminal .xterm-color-166 {
-            color: #d75f00;
-          }
-
-          .terminal .xterm-bg-color-166 {
-            background-color: #d75f00;
-          }
-
-          .terminal .xterm-color-167 {
-            color: #d75f5f;
-          }
-
-          .terminal .xterm-bg-color-167 {
-            background-color: #d75f5f;
-          }
-
-          .terminal .xterm-color-168 {
-            color: #d75f87;
-          }
-
-          .terminal .xterm-bg-color-168 {
-            background-color: #d75f87;
-          }
-
-          .terminal .xterm-color-169 {
-            color: #d75faf;
-          }
-
-          .terminal .xterm-bg-color-169 {
-            background-color: #d75faf;
-          }
-
-          .terminal .xterm-color-170 {
-            color: #d75fd7;
-          }
-
-          .terminal .xterm-bg-color-170 {
-            background-color: #d75fd7;
-          }
-
-          .terminal .xterm-color-171 {
-            color: #d75fff;
-          }
-
-          .terminal .xterm-bg-color-171 {
-            background-color: #d75fff;
-          }
-
-          .terminal .xterm-color-172 {
-            color: #d78700;
-          }
-
-          .terminal .xterm-bg-color-172 {
-            background-color: #d78700;
-          }
-
-          .terminal .xterm-color-173 {
-            color: #d7875f;
-          }
-
-          .terminal .xterm-bg-color-173 {
-            background-color: #d7875f;
-          }
-
-          .terminal .xterm-color-174 {
-            color: #d78787;
-          }
-
-          .terminal .xterm-bg-color-174 {
-            background-color: #d78787;
-          }
-
-          .terminal .xterm-color-175 {
-            color: #d787af;
-          }
-
-          .terminal .xterm-bg-color-175 {
-            background-color: #d787af;
-          }
-
-          .terminal .xterm-color-176 {
-            color: #d787d7;
-          }
-
-          .terminal .xterm-bg-color-176 {
-            background-color: #d787d7;
-          }
-
-          .terminal .xterm-color-177 {
-            color: #d787ff;
-          }
-
-          .terminal .xterm-bg-color-177 {
-            background-color: #d787ff;
-          }
-
-          .terminal .xterm-color-178 {
-            color: #d7af00;
-          }
-
-          .terminal .xterm-bg-color-178 {
-            background-color: #d7af00;
-          }
-
-          .terminal .xterm-color-179 {
-            color: #d7af5f;
-          }
-
-          .terminal .xterm-bg-color-179 {
-            background-color: #d7af5f;
-          }
-
-          .terminal .xterm-color-180 {
-            color: #d7af87;
-          }
-
-          .terminal .xterm-bg-color-180 {
-            background-color: #d7af87;
-          }
-
-          .terminal .xterm-color-181 {
-            color: #d7afaf;
-          }
-
-          .terminal .xterm-bg-color-181 {
-            background-color: #d7afaf;
-          }
-
-          .terminal .xterm-color-182 {
-            color: #d7afd7;
-          }
-
-          .terminal .xterm-bg-color-182 {
-            background-color: #d7afd7;
-          }
-
-          .terminal .xterm-color-183 {
-            color: #d7afff;
-          }
-
-          .terminal .xterm-bg-color-183 {
-            background-color: #d7afff;
-          }
-
-          .terminal .xterm-color-184 {
-            color: #d7d700;
-          }
-
-          .terminal .xterm-bg-color-184 {
-            background-color: #d7d700;
-          }
-
-          .terminal .xterm-color-185 {
-            color: #d7d75f;
-          }
-
-          .terminal .xterm-bg-color-185 {
-            background-color: #d7d75f;
-          }
-
-          .terminal .xterm-color-186 {
-            color: #d7d787;
-          }
-
-          .terminal .xterm-bg-color-186 {
-            background-color: #d7d787;
-          }
-
-          .terminal .xterm-color-187 {
-            color: #d7d7af;
-          }
-
-          .terminal .xterm-bg-color-187 {
-            background-color: #d7d7af;
-          }
-
-          .terminal .xterm-color-188 {
-            color: #d7d7d7;
-          }
-
-          .terminal .xterm-bg-color-188 {
-            background-color: #d7d7d7;
-          }
-
-          .terminal .xterm-color-189 {
-            color: #d7d7ff;
-          }
-
-          .terminal .xterm-bg-color-189 {
-            background-color: #d7d7ff;
-          }
-
-          .terminal .xterm-color-190 {
-            color: #d7ff00;
-          }
-
-          .terminal .xterm-bg-color-190 {
-            background-color: #d7ff00;
-          }
-
-          .terminal .xterm-color-191 {
-            color: #d7ff5f;
-          }
-
-          .terminal .xterm-bg-color-191 {
-            background-color: #d7ff5f;
-          }
-
-          .terminal .xterm-color-192 {
-            color: #d7ff87;
-          }
-
-          .terminal .xterm-bg-color-192 {
-            background-color: #d7ff87;
-          }
-
-          .terminal .xterm-color-193 {
-            color: #d7ffaf;
-          }
-
-          .terminal .xterm-bg-color-193 {
-            background-color: #d7ffaf;
-          }
-
-          .terminal .xterm-color-194 {
-            color: #d7ffd7;
-          }
-
-          .terminal .xterm-bg-color-194 {
-            background-color: #d7ffd7;
-          }
-
-          .terminal .xterm-color-195 {
-            color: #d7ffff;
-          }
-
-          .terminal .xterm-bg-color-195 {
-            background-color: #d7ffff;
-          }
-
-          .terminal .xterm-color-196 {
-            color: #ff0000;
-          }
-
-          .terminal .xterm-bg-color-196 {
-            background-color: #ff0000;
-          }
-
-          .terminal .xterm-color-197 {
-            color: #ff005f;
-          }
-
-          .terminal .xterm-bg-color-197 {
-            background-color: #ff005f;
-          }
-
-          .terminal .xterm-color-198 {
-            color: #ff0087;
-          }
-
-          .terminal .xterm-bg-color-198 {
-            background-color: #ff0087;
-          }
-
-          .terminal .xterm-color-199 {
-            color: #ff00af;
-          }
-
-          .terminal .xterm-bg-color-199 {
-            background-color: #ff00af;
-          }
-
-          .terminal .xterm-color-200 {
-            color: #ff00d7;
-          }
-
-          .terminal .xterm-bg-color-200 {
-            background-color: #ff00d7;
-          }
-
-          .terminal .xterm-color-201 {
-            color: #ff00ff;
-          }
-
-          .terminal .xterm-bg-color-201 {
-            background-color: #ff00ff;
-          }
-
-          .terminal .xterm-color-202 {
-            color: #ff5f00;
-          }
-
-          .terminal .xterm-bg-color-202 {
-            background-color: #ff5f00;
-          }
-
-          .terminal .xterm-color-203 {
-            color: #ff5f5f;
-          }
-
-          .terminal .xterm-bg-color-203 {
-            background-color: #ff5f5f;
-          }
-
-          .terminal .xterm-color-204 {
-            color: #ff5f87;
-          }
-
-          .terminal .xterm-bg-color-204 {
-            background-color: #ff5f87;
-          }
-
-          .terminal .xterm-color-205 {
-            color: #ff5faf;
-          }
-
-          .terminal .xterm-bg-color-205 {
-            background-color: #ff5faf;
-          }
-
-          .terminal .xterm-color-206 {
-            color: #ff5fd7;
-          }
-
-          .terminal .xterm-bg-color-206 {
-            background-color: #ff5fd7;
-          }
-
-          .terminal .xterm-color-207 {
-            color: #ff5fff;
-          }
-
-          .terminal .xterm-bg-color-207 {
-            background-color: #ff5fff;
-          }
-
-          .terminal .xterm-color-208 {
-            color: #ff8700;
-          }
-
-          .terminal .xterm-bg-color-208 {
-            background-color: #ff8700;
-          }
-
-          .terminal .xterm-color-209 {
-            color: #ff875f;
-          }
-
-          .terminal .xterm-bg-color-209 {
-            background-color: #ff875f;
-          }
-
-          .terminal .xterm-color-210 {
-            color: #ff8787;
-          }
-
-          .terminal .xterm-bg-color-210 {
-            background-color: #ff8787;
-          }
-
-          .terminal .xterm-color-211 {
-            color: #ff87af;
-          }
-
-          .terminal .xterm-bg-color-211 {
-            background-color: #ff87af;
-          }
-
-          .terminal .xterm-color-212 {
-            color: #ff87d7;
-          }
-
-          .terminal .xterm-bg-color-212 {
-            background-color: #ff87d7;
-          }
-
-          .terminal .xterm-color-213 {
-            color: #ff87ff;
-          }
-
-          .terminal .xterm-bg-color-213 {
-            background-color: #ff87ff;
-          }
-
-          .terminal .xterm-color-214 {
-            color: #ffaf00;
-          }
-
-          .terminal .xterm-bg-color-214 {
-            background-color: #ffaf00;
-          }
-
-          .terminal .xterm-color-215 {
-            color: #ffaf5f;
-          }
-
-          .terminal .xterm-bg-color-215 {
-            background-color: #ffaf5f;
-          }
-
-          .terminal .xterm-color-216 {
-            color: #ffaf87;
-          }
-
-          .terminal .xterm-bg-color-216 {
-            background-color: #ffaf87;
-          }
-
-          .terminal .xterm-color-217 {
-            color: #ffafaf;
-          }
-
-          .terminal .xterm-bg-color-217 {
-            background-color: #ffafaf;
-          }
-
-          .terminal .xterm-color-218 {
-            color: #ffafd7;
-          }
-
-          .terminal .xterm-bg-color-218 {
-            background-color: #ffafd7;
-          }
-
-          .terminal .xterm-color-219 {
-            color: #ffafff;
-          }
-
-          .terminal .xterm-bg-color-219 {
-            background-color: #ffafff;
-          }
-
-          .terminal .xterm-color-220 {
-            color: #ffd700;
-          }
-
-          .terminal .xterm-bg-color-220 {
-            background-color: #ffd700;
-          }
-
-          .terminal .xterm-color-221 {
-            color: #ffd75f;
-          }
-
-          .terminal .xterm-bg-color-221 {
-            background-color: #ffd75f;
-          }
-
-          .terminal .xterm-color-222 {
-            color: #ffd787;
-          }
-
-          .terminal .xterm-bg-color-222 {
-            background-color: #ffd787;
-          }
-
-          .terminal .xterm-color-223 {
-            color: #ffd7af;
-          }
-
-          .terminal .xterm-bg-color-223 {
-            background-color: #ffd7af;
-          }
-
-          .terminal .xterm-color-224 {
-            color: #ffd7d7;
-          }
-
-          .terminal .xterm-bg-color-224 {
-            background-color: #ffd7d7;
-          }
-
-          .terminal .xterm-color-225 {
-            color: #ffd7ff;
-          }
-
-          .terminal .xterm-bg-color-225 {
-            background-color: #ffd7ff;
-          }
-
-          .terminal .xterm-color-226 {
-            color: #ffff00;
-          }
-
-          .terminal .xterm-bg-color-226 {
-            background-color: #ffff00;
-          }
-
-          .terminal .xterm-color-227 {
-            color: #ffff5f;
-          }
-
-          .terminal .xterm-bg-color-227 {
-            background-color: #ffff5f;
-          }
-
-          .terminal .xterm-color-228 {
-            color: #ffff87;
-          }
-
-          .terminal .xterm-bg-color-228 {
-            background-color: #ffff87;
-          }
-
-          .terminal .xterm-color-229 {
-            color: #ffffaf;
-          }
-
-          .terminal .xterm-bg-color-229 {
-            background-color: #ffffaf;
-          }
-
-          .terminal .xterm-color-230 {
-            color: #ffffd7;
-          }
-
-          .terminal .xterm-bg-color-230 {
-            background-color: #ffffd7;
-          }
-
-          .terminal .xterm-color-231 {
-            color: #ffffff;
-          }
-
-          .terminal .xterm-bg-color-231 {
-            background-color: #ffffff;
-          }
-
-          .terminal .xterm-color-232 {
-            color: #080808;
-          }
-
-          .terminal .xterm-bg-color-232 {
-            background-color: #080808;
-          }
-
-          .terminal .xterm-color-233 {
-            color: #121212;
-          }
-
-          .terminal .xterm-bg-color-233 {
-            background-color: #121212;
-          }
-
-          .terminal .xterm-color-234 {
-            color: #1c1c1c;
-          }
-
-          .terminal .xterm-bg-color-234 {
-            background-color: #1c1c1c;
-          }
-
-          .terminal .xterm-color-235 {
-            color: #262626;
-          }
-
-          .terminal .xterm-bg-color-235 {
-            background-color: #262626;
-          }
-
-          .terminal .xterm-color-236 {
-            color: #303030;
-          }
-
-          .terminal .xterm-bg-color-236 {
-            background-color: #303030;
-          }
-
-          .terminal .xterm-color-237 {
-            color: #3a3a3a;
-          }
-
-          .terminal .xterm-bg-color-237 {
-            background-color: #3a3a3a;
-          }
-
-          .terminal .xterm-color-238 {
-            color: #444444;
-          }
-
-          .terminal .xterm-bg-color-238 {
-            background-color: #444444;
-          }
-
-          .terminal .xterm-color-239 {
-            color: #4e4e4e;
-          }
-
-          .terminal .xterm-bg-color-239 {
-            background-color: #4e4e4e;
-          }
-
-          .terminal .xterm-color-240 {
-            color: #585858;
-          }
-
-          .terminal .xterm-bg-color-240 {
-            background-color: #585858;
-          }
-
-          .terminal .xterm-color-241 {
-            color: #626262;
-          }
-
-          .terminal .xterm-bg-color-241 {
-            background-color: #626262;
-          }
-
-          .terminal .xterm-color-242 {
-            color: #6c6c6c;
-          }
-
-          .terminal .xterm-bg-color-242 {
-            background-color: #6c6c6c;
-          }
-
-          .terminal .xterm-color-243 {
-            color: #767676;
-          }
-
-          .terminal .xterm-bg-color-243 {
-            background-color: #767676;
-          }
-
-          .terminal .xterm-color-244 {
-            color: #808080;
-          }
-
-          .terminal .xterm-bg-color-244 {
-            background-color: #808080;
-          }
-
-          .terminal .xterm-color-245 {
-            color: #8a8a8a;
-          }
-
-          .terminal .xterm-bg-color-245 {
-            background-color: #8a8a8a;
-          }
-
-          .terminal .xterm-color-246 {
-            color: #949494;
-          }
-
-          .terminal .xterm-bg-color-246 {
-            background-color: #949494;
-          }
-
-          .terminal .xterm-color-247 {
-            color: #9e9e9e;
-          }
-
-          .terminal .xterm-bg-color-247 {
-            background-color: #9e9e9e;
-          }
-
-          .terminal .xterm-color-248 {
-            color: #a8a8a8;
-          }
-
-          .terminal .xterm-bg-color-248 {
-            background-color: #a8a8a8;
-          }
-
-          .terminal .xterm-color-249 {
-            color: #b2b2b2;
-          }
-
-          .terminal .xterm-bg-color-249 {
-            background-color: #b2b2b2;
-          }
-
-          .terminal .xterm-color-250 {
-            color: #bcbcbc;
-          }
-
-          .terminal .xterm-bg-color-250 {
-            background-color: #bcbcbc;
-          }
-
-          .terminal .xterm-color-251 {
-            color: #c6c6c6;
-          }
-
-          .terminal .xterm-bg-color-251 {
-            background-color: #c6c6c6;
-          }
-
-          .terminal .xterm-color-252 {
-            color: #d0d0d0;
-          }
-
-          .terminal .xterm-bg-color-252 {
-            background-color: #d0d0d0;
-          }
-
-          .terminal .xterm-color-253 {
-            color: #dadada;
-          }
-
-          .terminal .xterm-bg-color-253 {
-            background-color: #dadada;
-          }
-
-          .terminal .xterm-color-254 {
-            color: #e4e4e4;
-          }
-
-          .terminal .xterm-bg-color-254 {
-            background-color: #e4e4e4;
-          }
-
-          .terminal .xterm-color-255 {
-            color: #eeeeee;
-          }
-
-          .terminal .xterm-bg-color-255 {
-            background-color: #eeeeee;
-          }
-
-          ::-webkit-scrollbar {
-            width: 5px;
-          }
-          ::-webkit-scrollbar-thumb {
-            -webkit-border-radius: 10px;
-            border-radius: 10px;
-            background: ${borderColor};
-          }
-          ::-webkit-scrollbar-thumb:window-inactive {
-            background: ${borderColor};
-          }
-
-          ${customCSS}
-        `
+.xterm {
+  font-family: ${fontFamily};
+  font-feature-settings: "liga" 0;
+  position: relative;
+  user-select: none;
+  -ms-user-select: none;
+  -webkit-user-select: none;
+}
+
+.xterm.focus,
+.xterm:focus {
+  outline: none;
+}
+
+.xterm .xterm-helpers {
+  position: absolute;
+  top: 0;
+  /**
+   * The z-index of the helpers must be higher than the canvases in order for
+   * IMEs to appear on top.
+   */
+  z-index: 10;
+}
+
+.xterm .xterm-helper-textarea {
+  /*
+   * HACK: to fix IE's blinking cursor
+   * Move textarea out of the screen to the far left, so that the cursor is not visible.
+   */
+  position: absolute;
+  opacity: 0;
+  left: -9999em;
+  top: 0;
+  width: 0;
+  height: 0;
+  z-index: -10;
+  /** Prevent wrapping so the IME appears against the textarea at the correct position */
+  white-space: nowrap;
+  overflow: hidden;
+  resize: none;
+}
+
+.xterm .composition-view {
+  /* TODO: Composition position got messed up somewhere */
+  background: ${backgroundColor};
+  color: ${foregroundColor};
+  display: none;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 1;
+}
+
+.xterm .composition-view.active {
+  display: block;
+}
+
+.xterm .xterm-viewport {
+  /* On OS X this is required in order for the scroll bar to appear fully opaque */
+  background-color: ${backgroundColor};
+  overflow-y: scroll;
+}
+
+.xterm canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.xterm .xterm-scroll-area {
+  visibility: hidden;
+}
+
+.xterm .xterm-char-measure-element {
+  display: inline-block;
+  visibility: hidden;
+  position: absolute;
+  left: -9999em;
+}
+
+.xterm.enable-mouse-events {
+  /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+  cursor: default;
+}
+
+.xterm:not(.enable-mouse-events) {
+  cursor: text;
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+}
+::-webkit-scrollbar-thumb {
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  background: ${borderColor};
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: ${borderColor};
+}
+
+${customCSS}
+`
         }}
       />
     );
diff --git a/lib/components/term-group.js b/lib/components/term-group.js
index 4b29afce..d24f4e76 100644
--- a/lib/components/term-group.js
+++ b/lib/components/term-group.js
@@ -59,8 +59,13 @@ class TermGroup_ extends PureComponent {
     const props = getTermProps(uid, this.props, {
       isTermActive: uid === this.props.activeSession,
       term: termRef ? termRef.term : null,
+      backgroundColor: this.props.backgroundColor,
+      foregroundColor: this.props.foregroundColor,
+      colors: this.props.colors,
       cursorBlink: this.props.cursorBlink,
       cursorShape: this.props.cursorShape,
+      cursorColor: this.props.cursorColor,
+      cursorAccentColor: this.props.cursorAccentColor,
       fontSize: this.props.fontSize,
       fontFamily: this.props.fontFamily,
       uiFontFamily: this.props.uiFontFamily,
@@ -81,6 +86,7 @@ class TermGroup_ extends PureComponent {
       onURLAbort: this.bind(this.props.onURLAbort, null, uid),
       onContextMenu: this.bind(this.props.onContextMenu, null, uid),
       borderColor: this.props.borderColor,
+      selectionColor: this.props.selectionColor,
       quickEdit: this.props.quickEdit,
       uid
     });
diff --git a/lib/components/term.js b/lib/components/term.js
index f1ab8ee4..8b31a59d 100644
--- a/lib/components/term.js
+++ b/lib/components/term.js
@@ -1,7 +1,8 @@
 /* global Blob,URL,requestAnimationFrame */
 import React from 'react';
-import Terminal from 'xterm';
+import {Terminal} from 'xterm';
 import {clipboard} from 'electron';
+import * as Color from 'color';
 import {PureComponent} from '../base-components';
 import terms from '../terms';
 import processClipboard from '../utils/paste';
@@ -13,6 +14,41 @@ const CURSOR_STYLES = {
   BLOCK: 'block'
 };
 
+const getTermOptions = props => {
+  // Set a background color only if it is opaque
+  const backgroundColor = Color(props.backgroundColor).alpha() < 1 ? 'transparent' : props.backgroundColor;
+  return {
+    cursorStyle: CURSOR_STYLES[props.cursorShape],
+    cursorBlink: props.cursorBlink,
+    fontFamily: props.fontFamily,
+    fontSize: props.fontSize,
+    allowTransparency: true,
+    theme: {
+      foreground: props.foregroundColor,
+      background: backgroundColor,
+      cursor: props.cursorColor,
+      cursorAccent: props.cursorAccentColor,
+      selection: props.selectionColor,
+      black: props.colors.black,
+      red: props.colors.red,
+      green: props.colors.green,
+      yellow: props.colors.yellow,
+      blue: props.colors.blue,
+      magenta: props.colors.magenta,
+      cyan: props.colors.cyan,
+      white: props.colors.white,
+      brightBlack: props.colors.lightBlack,
+      brightRed: props.colors.lightRed,
+      brightGreen: props.colors.lightGreen,
+      brightYellow: props.colors.lightYellow,
+      brightBlue: props.colors.lightBlue,
+      brightMagenta: props.colors.lightMagenta,
+      brightCyan: props.colors.lightCyan,
+      brightWhite: props.colors.lightWhite
+    }
+  };
+};
+
 export default class Term extends PureComponent {
   constructor(props) {
     super(props);
@@ -26,30 +62,23 @@ export default class Term extends PureComponent {
     this.onTermRef = this.onTermRef.bind(this);
     this.onTermWrapperRef = this.onTermWrapperRef.bind(this);
     this.onMouseUp = this.onMouseUp.bind(this);
+    this.termOptions = {};
   }
 
   componentDidMount() {
     const {props} = this;
 
-    // we need to use this hack to retain the term reference
-    // as we move the term around splits, until xterm adds
-    // support for getState / setState
+    this.termOptions = getTermOptions(props);
+    this.term = props.term || new Terminal(this.termOptions);
+    this.term.attachCustomKeyEventHandler(this.keyboardHandler);
+    this.term.open(this.termRef);
     if (props.term) {
-      this.term = props.term;
-      this.termRef.appendChild(this.term.element);
-      this.onOpen();
-    } else {
-      this.term =
-        props.term ||
-        new Terminal({
-          cursorStyle: CURSOR_STYLES[props.cursorShape],
-          cursorBlink: props.cursorBlink
-        });
-      this.term.attachCustomKeyEventHandler(this.keyboardHandler);
-      this.term.open(this.termRef);
-      this.onOpen();
+      //We need to set options again after reattaching an existing term
+      Object.keys(this.termOptions).forEach(option => this.term.setOption(option, this.termOptions[option]));
     }
 
+    this.onOpen(this.termOptions);
+
     if (props.onTitle) {
       this.term.on('title', props.onTitle);
     }
@@ -84,7 +113,7 @@ export default class Term extends PureComponent {
     terms[this.props.uid] = this;
   }
 
-  onOpen() {
+  onOpen(termOptions) {
     // we need to delay one frame so that aphrodite styles
     // get applied and we can make an accurate measurement
     // of the container width and height
@@ -93,7 +122,9 @@ export default class Term extends PureComponent {
       // measurement to have taken place but it seems that
       // xterm.js might be doing this asynchronously, so
       // we force it instead
-      this.term.charMeasure.measure();
+      // eslint-disable-next-line no-debugger
+      //debugger;
+      this.term.charMeasure.measure(termOptions);
       this.fitResize();
     });
   }
@@ -179,10 +210,28 @@ export default class Term extends PureComponent {
     if (!this.props.cleared && nextProps.cleared) {
       this.clear();
     }
+    const nextTermOptions = getTermOptions(nextProps);
+
+    // Update only options that have changed.
+    Object.keys(nextTermOptions)
+      .filter(option => option !== 'theme' && nextTermOptions[option] !== this.termOptions[option])
+      .forEach(option => this.term.setOption(option, nextTermOptions[option]));
+
+    // Do we need to update theme?
+    const shouldUpdateTheme =
+      !this.termOptions.theme ||
+      Object.keys(nextTermOptions.theme).some(option => {
+        nextTermOptions.theme[option] !== this.termOptions.theme[option];
+      });
+    if (shouldUpdateTheme) {
+      this.term.setOption('theme', nextTermOptions.theme);
+    }
+
+    this.termOptions = nextTermOptions;
 
     if (!this.props.isTermActive && nextProps.isTermActive) {
       requestAnimationFrame(() => {
-        this.term.charMeasure.measure();
+        this.term.charMeasure.measure(this.termOptions);
         this.fitResize();
       });
     }
@@ -190,7 +239,7 @@ export default class Term extends PureComponent {
     if (this.props.fontSize !== nextProps.fontSize || this.props.fontFamily !== nextProps.fontFamily) {
       // invalidate xterm cache about how wide each
       // character is
-      this.term.charMeasure.measure();
+      this.term.charMeasure.measure(this.termOptions);
 
       // resize to fit the container
       this.fitResize();
diff --git a/lib/components/terms.js b/lib/components/terms.js
index 4a1a340d..4d83c8fe 100644
--- a/lib/components/terms.js
+++ b/lib/components/terms.js
@@ -90,9 +90,13 @@ export default class Terms extends Component {
             activeSession: this.props.activeSession,
             sessions: this.props.sessions,
             backgroundColor: this.props.backgroundColor,
+            foregroundColor: this.props.foregroundColor,
             borderColor: this.props.borderColor,
+            selectionColor: this.props.selectionColor,
+            colors: this.props.colors,
             cursorShape: this.props.cursorShape,
             cursorBlink: this.props.cursorBlink,
+            cursorColor: this.props.cursorColor,
             fontSize: this.props.fontSize,
             fontFamily: this.props.fontFamily,
             uiFontFamily: this.props.uiFontFamily,
@@ -119,13 +123,9 @@ export default class Terms extends Component {
         })}
         {this.props.customChildren}
         <StyleSheet
-          colors={this.props.colors}
           backgroundColor={this.props.backgroundColor}
           customCSS={this.props.customCSS}
-          cursorColor={this.props.cursorColor}
-          fontSize={this.props.fontSize}
           fontFamily={this.props.fontFamily}
-          fontSmoothing={this.props.fontSmoothing}
           foregroundColor={this.props.foregroundColor}
           borderColor={this.props.borderColor}
         />
diff --git a/lib/containers/terms.js b/lib/containers/terms.js
index f2563385..fa393a8e 100644
--- a/lib/containers/terms.js
+++ b/lib/containers/terms.js
@@ -28,9 +28,11 @@ const TermsContainer = connect(
       fontSmoothing: state.ui.fontSmoothingOverride,
       padding: state.ui.padding,
       cursorColor: state.ui.cursorColor,
+      cursorAccentColor: state.ui.cursorAccentColor,
       cursorShape: state.ui.cursorShape,
       cursorBlink: state.ui.cursorBlink,
       borderColor: state.ui.borderColor,
+      selectionColor: state.ui.selectionColor,
       colors: state.ui.colors,
       foregroundColor: state.ui.foregroundColor,
       backgroundColor: state.ui.backgroundColor,
diff --git a/lib/reducers/ui.js b/lib/reducers/ui.js
index 55f27beb..be8e561b 100644
--- a/lib/reducers/ui.js
+++ b/lib/reducers/ui.js
@@ -34,9 +34,11 @@ const initial = Immutable({
   rows: null,
   activeUid: null,
   cursorColor: '#F81CE5',
+  cursorAccentColor: '#000',
   cursorShape: 'BLOCK',
   cursorBlink: false,
   borderColor: '#333',
+  selectionColor: 'rgba(248,28,229,0.3)',
   fontSize: 12,
   padding: '12px 14px',
   fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
@@ -131,6 +133,10 @@ const reducer = (state = initial, action) => {
               ret.cursorColor = config.cursorColor;
             }
 
+            if (config.cursorAccentColor) {
+              ret.cursorAccentColor = config.cursorAccentColor;
+            }
+
             if (allowedCursorShapes.has(config.cursorShape)) {
               ret.cursorShape = config.cursorShape;
             }
@@ -143,6 +149,10 @@ const reducer = (state = initial, action) => {
               ret.borderColor = config.borderColor;
             }
 
+            if (config.selectionColor) {
+              ret.selectionColor = config.selectionColor;
+            }
+
             if (typeof config.padding !== 'undefined' && config.padding !== null) {
               ret.padding = config.padding;
             }
diff --git a/package.json b/package.json
index f6e8d60e..3f768ef7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,8 @@
 {
   "repository": "zeit/hyper",
   "scripts": {
-    "start": "echo 'please run `yarn run dev` in one tab and then `yarn run app` in another one'",
+    "start":
+      "echo 'please run `yarn run dev` in one tab and then `yarn run app` in another one'",
     "app": "electron app",
     "dev": "webpack -w",
     "build": "cross-env NODE_ENV=production webpack",
@@ -10,21 +11,18 @@
     "test:unit": "ava test/unit",
     "test:unit:watch": "yarn run test:unit -- --watch",
     "prepush": "yarn test",
-    "postinstall": "electron-builder install-app-deps && yarn run rebuild-node-pty",
-    "rebuild-node-pty": "electron-rebuild -f -w app/node_modules/node-pty -m app",
-    "dist": "yarn run build && cross-env BABEL_ENV=production babel --out-file app/renderer/bundle.js --no-comments --minified app/renderer/bundle.js && build",
-    "clean": "node ./bin/rimraf-standalone.js node_modules && node ./bin/rimraf-standalone.js ./app/node_modules && node ./bin/rimraf-standalone.js ./app/renderer"
+    "postinstall":
+      "electron-builder install-app-deps && yarn run rebuild-node-pty && yarn --cwd node_modules/xterm",
+    "rebuild-node-pty":
+      "electron-rebuild -f -w app/node_modules/node-pty -m app",
+    "dist":
+      "yarn run build && cross-env BABEL_ENV=production babel --out-file app/renderer/bundle.js --no-comments --minified app/renderer/bundle.js && build",
+    "clean":
+      "node ./bin/rimraf-standalone.js node_modules && node ./bin/rimraf-standalone.js ./app/node_modules && node ./bin/rimraf-standalone.js ./app/renderer"
   },
   "eslintConfig": {
-    "plugins": [
-      "react",
-      "prettier"
-    ],
-    "extends": [
-      "eslint:recommended",
-      "plugin:react/recommended",
-      "prettier"
-    ],
+    "plugins": ["react", "prettier"],
+    "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
     "parserOptions": {
       "ecmaVersion": 8,
       "sourceType": "module",
@@ -41,10 +39,7 @@
       "node": true
     },
     "rules": {
-      "func-names": [
-        "error",
-        "as-needed"
-      ],
+      "func-names": ["error", "as-needed"],
       "no-shadow": "error",
       "no-extra-semi": 0,
       "react/prop-types": 0,
@@ -90,9 +85,7 @@
     ]
   },
   "babel": {
-    "presets": [
-      "react"
-    ],
+    "presets": ["react"],
     "env": {
       "production": {
         "plugins": [
@@ -137,28 +130,20 @@
       "target": [
         {
           "target": "deb",
-          "arch": [
-            "x64"
-          ]
+          "arch": ["x64"]
         },
         {
           "target": "AppImage",
-          "arch": [
-            "x64"
-          ]
+          "arch": ["x64"]
         },
         {
           "target": "rpm",
-          "arch": [
-            "x64"
-          ]
+          "arch": ["x64"]
         }
       ]
     },
     "win": {
-      "target": [
-        "squirrel"
-      ]
+      "target": ["squirrel"]
     },
     "mac": {
       "category": "public.app-category.developer-tools",
@@ -204,7 +189,7 @@
     "semver": "5.4.1",
     "shebang-loader": "false0.0.1",
     "uuid": "3.1.0",
-    "xterm": "2.9.2"
+    "xterm": "chabou/xterm.js#hyper"
   },
   "devDependencies": {
     "ava": "0.24.0",
diff --git a/yarn.lock b/yarn.lock
index e0355b66..454297eb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14,15 +14,7 @@
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/7zip-bin-win/-/7zip-bin-win-2.1.1.tgz#8acfc28bb34e53a9476b46ae85a97418e6035c20"
 
-"7zip-bin@^2.2.7":
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-2.3.3.tgz#20fef9e4b7500ebfa13df2742782cdfd1151e628"
-  optionalDependencies:
-    "7zip-bin-linux" "^1.1.0"
-    "7zip-bin-mac" "^1.0.1"
-    "7zip-bin-win" "^2.1.1"
-
-"7zip-bin@^2.3.4":
+"7zip-bin@^2.2.7", "7zip-bin@^2.3.4":
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-2.3.4.tgz#0861a3c99793dd794f4dd6175ec4ddfa6af8bc9d"
   optionalDependencies:
@@ -85,8 +77,8 @@
     arrify "^1.0.1"
 
 "@types/node@^7.0.18":
-  version "7.0.48"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.48.tgz#24bfdc0aa82e8f6dbd017159c58094a2e06d0abb"
+  version "7.0.49"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.49.tgz#f43777edd31822d6bcb50735a76c7f301d7b3121"
 
 abbrev@1:
   version "1.1.1"
@@ -1252,7 +1244,7 @@ buffer@^4.3.0:
     ieee754 "^1.1.4"
     isarray "^1.0.0"
 
-builder-util-runtime@3.3.0, builder-util-runtime@^3.3.0:
+builder-util-runtime@3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-3.3.0.tgz#6374029211544f1a380fc7275658b0616b0e9ae1"
   dependencies:
@@ -1261,7 +1253,16 @@ builder-util-runtime@3.3.0, builder-util-runtime@^3.3.0:
     fs-extra-p "^4.4.4"
     sax "^1.2.4"
 
-builder-util@3.4.3, builder-util@^3.4.2, builder-util@^3.4.3:
+builder-util-runtime@^3.3.0, builder-util-runtime@^3.3.1:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-3.4.0.tgz#34883f50a3bbf6502abc40902926a1a8dfef5d43"
+  dependencies:
+    bluebird-lst "^1.0.5"
+    debug "^3.1.0"
+    fs-extra-p "^4.5.0"
+    sax "^1.2.4"
+
+builder-util@3.4.3:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-3.4.3.tgz#c7d6908ffc56fa3c4de0ec804dbcb9bbf6aa2ab4"
   dependencies:
@@ -1282,6 +1283,27 @@ builder-util@3.4.3, builder-util@^3.4.2, builder-util@^3.4.3:
     temp-file "^3.0.0"
     tunnel-agent "^0.6.0"
 
+builder-util@^3.4.2, builder-util@^3.4.3:
+  version "3.4.4"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-3.4.4.tgz#cab30f37c1ee4fb23d33b20ac71e76e3c8451d28"
+  dependencies:
+    "7zip-bin" "^2.3.4"
+    bluebird-lst "^1.0.5"
+    builder-util-runtime "^3.3.1"
+    chalk "^2.3.0"
+    debug "^3.1.0"
+    fs-extra-p "^4.4.5"
+    ini "^1.3.5"
+    is-ci "^1.0.10"
+    js-yaml "^3.10.0"
+    lazy-val "^1.0.3"
+    node-emoji "^1.8.1"
+    semver "^5.4.1"
+    source-map-support "^0.5.0"
+    stat-mode "^0.2.2"
+    temp-file "^3.0.0"
+    tunnel-agent "^0.6.0"
+
 builtin-modules@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
@@ -1354,8 +1376,8 @@ caniuse-api@^1.5.2:
     lodash.uniq "^4.5.0"
 
 caniuse-db@^1.0.30000529, caniuse-db@^1.0.30000634, caniuse-db@^1.0.30000639:
-  version "1.0.30000778"
-  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000778.tgz#167c60e9542a2aa60537c446fb3881d853a3072a"
+  version "1.0.30000782"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000782.tgz#d8815bce1578c350aced1132507301205e0fab53"
 
 capture-stack-trace@^1.0.0:
   version "1.0.0"
@@ -2255,8 +2277,8 @@ electron-rebuild@1.6.0:
     yargs "^7.0.2"
 
 electron-to-chromium@^1.2.7:
-  version "1.3.27"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.27.tgz#78ecb8a399066187bb374eede35d9c70565a803d"
+  version "1.3.28"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.28.tgz#8dd4e6458086644e9f9f0a1cf32e2a1f9dffd9ee"
 
 electron@1.7.9:
   version "1.7.9"
@@ -2319,10 +2341,10 @@ equal-length@^1.0.0:
   resolved "https://registry.yarnpkg.com/equal-length/-/equal-length-1.0.1.tgz#21ca112d48ab24b4e1e7ffc0e5339d31fdfc274c"
 
 errno@^0.1.3:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.4.tgz#b896e23a9e5e8ba33871fc996abd3635fc9a1c7d"
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.6.tgz#c386ce8a6283f14fc09563b71560908c9bf53026"
   dependencies:
-    prr "~0.0.0"
+    prr "~1.0.1"
 
 error-ex@^1.2.0:
   version "1.3.1"
@@ -2451,8 +2473,8 @@ eslint-scope@^3.7.1:
     estraverse "^4.1.1"
 
 eslint@^4.7.2:
-  version "4.12.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.12.1.tgz#5ec1973822b4a066b353770c3c6d69a2a188e880"
+  version "4.13.1"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-4.13.1.tgz#0055e0014464c7eb7878caf549ef2941992b444f"
   dependencies:
     ajv "^5.3.0"
     babel-code-frame "^6.22.0"
@@ -2761,12 +2783,12 @@ form-data@~2.3.1:
     combined-stream "^1.0.5"
     mime-types "^2.1.12"
 
-fs-extra-p@^4.4.4:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/fs-extra-p/-/fs-extra-p-4.4.4.tgz#396ad6f914eb2954e1700fd0e18288301ed45f04"
+fs-extra-p@^4.4.4, fs-extra-p@^4.4.5, fs-extra-p@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/fs-extra-p/-/fs-extra-p-4.5.0.tgz#b79f3f3fcc0b5e57b7e7caeb06159f958ef15fe8"
   dependencies:
-    bluebird-lst "^1.0.4"
-    fs-extra "^4.0.2"
+    bluebird-lst "^1.0.5"
+    fs-extra "^5.0.0"
 
 fs-extra@^0.30.0:
   version "0.30.0"
@@ -2793,9 +2815,17 @@ fs-extra@^3.0.1:
     jsonfile "^3.0.0"
     universalify "^0.1.0"
 
-fs-extra@^4.0.1, fs-extra@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.2.tgz#f91704c53d1b461f893452b0c307d9997647ab6b"
+fs-extra@^4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-4.0.3.tgz#0d852122e5bc5beb453fb028e9c0c9bf36340c94"
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^4.0.0"
+    universalify "^0.1.0"
+
+fs-extra@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-5.0.0.tgz#414d0110cdd06705734d055652c5411260c31abd"
   dependencies:
     graceful-fs "^4.1.2"
     jsonfile "^4.0.0"
@@ -2925,8 +2955,8 @@ global-dirs@^0.1.0:
     ini "^1.3.4"
 
 globals@^11.0.1:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/globals/-/globals-11.0.1.tgz#12a87bb010e5154396acc535e1e43fc753b0e5e8"
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.1.0.tgz#632644457f5f0e3ae711807183700ebf2e4633e4"
 
 globals@^9.18.0:
   version "9.18.0"
@@ -3730,9 +3760,9 @@ lazy-cache@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
 
-lazy-val@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.2.tgz#d9b07fb1fce54cbc99b3c611de431b83249369b6"
+lazy-val@^1.0.2, lazy-val@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.3.tgz#bb97b200ef00801d94c317e29dc6ed39e31c5edc"
 
 lazystream@^1.0.0:
   version "1.0.0"
@@ -4867,8 +4897,8 @@ postcss@^6.0.1:
     supports-color "^4.4.0"
 
 prebuild-install@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-2.3.0.tgz#19481247df728b854ab57b187ce234211311b485"
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-2.4.1.tgz#c28ba1d1eedc17fbd6b3229a657ffc0fba479b49"
   dependencies:
     expand-template "^1.0.2"
     github-from-package "0.0.0"
@@ -4962,9 +4992,9 @@ prop-types@^15.5.10, prop-types@^15.6.0:
     loose-envify "^1.3.1"
     object-assign "^4.1.1"
 
-prr@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
 
 pseudomap@^1.0.2:
   version "1.0.2"
@@ -5219,8 +5249,8 @@ regenerator-runtime@^0.10.5:
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
 
 regenerator-runtime@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
 
 regex-cache@^0.4.2:
   version "0.4.4"
@@ -5433,10 +5463,10 @@ rx-lite@*, rx-lite@^4.0.8:
   resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
 
 rxjs@^5.1.1:
-  version "5.5.3"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.3.tgz#b62227e74b84f4e77bdf440e50b5ee01a1bc7dcd"
+  version "5.5.5"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-5.5.5.tgz#e164f11d38eaf29f56f08c3447f74ff02dd84e97"
   dependencies:
-    symbol-observable "^1.0.1"
+    symbol-observable "1.0.1"
 
 safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.1"
@@ -5824,7 +5854,13 @@ supports-color@^4.0.0, supports-color@^4.2.1, supports-color@^4.4.0:
   dependencies:
     has-flag "^2.0.0"
 
-supports-color@^5.0.0, supports-color@~5.0.0:
+supports-color@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.1.0.tgz#058a021d1b619f7ddf3980d712ea3590ce7de3d5"
+  dependencies:
+    has-flag "^2.0.0"
+
+supports-color@~5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.0.1.tgz#1c5331f22250c84202805b2f17adf16699f3a39a"
   dependencies:
@@ -5842,11 +5878,15 @@ svgo@^0.7.0:
     sax "~1.2.1"
     whet.extend "~0.9.9"
 
+symbol-observable@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.0.1.tgz#8340fc4702c3122df5d22288f88283f513d3fdd4"
+
 symbol-observable@^0.2.2:
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-0.2.4.tgz#95a83db26186d6af7e7a18dbd9760a2f86d08f40"
 
-symbol-observable@^1.0.1, symbol-observable@^1.0.3, symbol-observable@^1.0.4, symbol-observable@^1.1.0:
+symbol-observable@^1.0.3, symbol-observable@^1.0.4, symbol-observable@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.1.0.tgz#5c68fd8d54115d9dfb72a84720549222e8db9b32"
 
@@ -6409,9 +6449,9 @@ xtend@~2.1.1:
   dependencies:
     object-keys "~0.4.0"
 
-xterm@2.9.2:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/xterm/-/xterm-2.9.2.tgz#ec3e7c636ba67af4a7026be2cff7bdf08e56400a"
+xterm@chabou/xterm.js#hyper:
+  version "3.0.0"
+  resolved "https://codeload.github.com/chabou/xterm.js/tar.gz/87b1d5276bb72298210021217165ab847a0886ec"
 
 y18n@^3.2.1:
   version "3.2.1"