diff --git a/static/css/index.css b/static/css/index.css
index ca300ec..3b71e70 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -420,6 +420,7 @@ header [class*=" icon-"] {
 }
 .ui-project-terminal {
   padding: 10px;
+  color: #fff;
   background-color: #181818;
   border-left: 1px dashed #ccc;
   font-family: Consolas, sans-serif;
diff --git a/static/js/components/app-main/index.js b/static/js/components/app-main/index.js
index 7325c29..f26d3e5 100644
--- a/static/js/components/app-main/index.js
+++ b/static/js/components/app-main/index.js
@@ -10,6 +10,11 @@ var util = require('../../util');
 var Vue = require('../../vue/vue');
 var Terminal = require('../../terminal');
 
+Terminal.defaultColors = {
+  bg: 'transparent',
+  fg: 'inherit'
+};
+
 const EMPTYPROJECT = {
   name: '',
   path: '',
@@ -120,6 +125,8 @@ module.exports = Vue.component('app-main', {
         xterm.open();
         this.$els.terminal.appendChild(xterm.element);
 
+        console.log(xterm);
+
         test.forEach(function (line){ xterm.writeln(line); });
 
         window.AppRuntime[this.project.name] = {