A hack to use our custom css for tty.js - CSS comes from Eugene.

postinstall.sh

@@ -3,6 +3,7 @@ set -o pipefail
 
 if [ $NODE_ENV == 'production' ]; then
 	chmod +x src/enterContainer.sh
+	cp ttyjs-static/* node_modules/tty.js/static/
 
 	node ./node_modules/coffee-script/bin/coffee -c ./src
 	# We don't need coffee-script at runtime

ttyjs-static/user.css

@@ -0,0 +1,64 @@
+html, body {
+	display: block;
+	margin: 0;
+}
+ 
+body {
+	padding: 20px;
+}
+ 
+body > h1 {
+	display: none;
+}
+ 
+#help, #lights {
+	display: none;
+}
+ 
+#open {
+	position: static;
+	display: inline-block;
+	outline: none;
+	font-weight: bold;
+	text-align: center;
+	vertical-align: middle;
+	cursor: pointer;
+	border: 1px solid transparent;
+	white-space: nowrap;
+	padding: 6px 12px;
+	font-size: 16px;
+	line-height: 1.5;
+	border-radius: 4px;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	color: #ffffff;
+	background-color: #5bc0de;
+	border-color: #28a4c9;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+	background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+	background-repeat: repeat-x;
+}
+ 
+#open:hover {
+	background-color: #2aabd2;
+	border-color: #269abc;
+	background-position: 0 -15px;
+}
+ 
+#open:active {
+	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+	background-color: #2aabd2;
+	border-color: #28a4c9;
+}
+ 
+.window {
+	margin-left: 20px;
+	margin-top: 20px;
+}