From 4d8f08bf03f2e31635bf266c8eb973b3facaef25 Mon Sep 17 00:00:00 2001
From: David Aslan French <thedonquixotic@users.noreply.github.com>
Date: Thu, 9 Aug 2018 12:43:21 -0500
Subject: [PATCH] Fixed background noise animation bug.

Sorry it took me so long!
---
 index.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/index.js b/index.js
index 5b814f4..1e372c9 100644
--- a/index.js
+++ b/index.js
@@ -9,7 +9,7 @@ const TEXT_GREEN = '51, 255, 0';
 exports.decorateConfig = (config) => {
   return Object.assign({}, config, {
     foregroundColor: BRIGHT_GREEN,
-    backgroundColor: DARK_GREEN,
+    backgroundColor: transparent,
     borderColor: BRIGHT_GREEN,
     cursorColor: '#40FFFF',
   });
@@ -41,10 +41,19 @@ exports.decorateHyper = (HyperTerm, { React, notify }) => {
       const textShadow = generateTextShadow();
 
       const overridenProps = {
-        backgroundColor: 'black',
+        backgroundColor: 'transparent',
         customCSS: `
           ${this.props.customCSS || ''}
-          body {
+          .hyper_main {
+            ${noiseCss}
+          }
+          .term_fit {
+            ${noiseCss}
+          }
+          .term_wrapper {
+            ${noiseCss}
+          }
+          .xterm_screen {
             ${noiseCss}
           }
           .tabs_nav {