diff --git a/index.js b/index.js
index 5b814f4..0060ae6 100644
--- a/index.js
+++ b/index.js
@@ -3,7 +3,7 @@ const noise2Png = require('./noise2');
 const noise3Png = require('./noise3');
 const HUE_SHIFT_INTENSITY = 4;
 const BRIGHT_GREEN = '#28FC91';
-const DARK_GREEN = '#0F2218';
+const DARK_GREEN = 'transparent';
 const TEXT_GREEN = '51, 255, 0';
 
 exports.decorateConfig = (config) => {
@@ -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 {