diff --git a/spine-ts/webgl/demos/hoverboard.js b/spine-ts/webgl/demos/hoverboard.js
index 25bb6ec64..6e71e7ad4 100644
--- a/spine-ts/webgl/demos/hoverboard.js
+++ b/spine-ts/webgl/demos/hoverboard.js
@@ -15,7 +15,7 @@ var hoverboardDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "HoverboardDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);	
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);	
 
 	function init () {
 		canvas = document.getElementById("hoverboard-canvas");
diff --git a/spine-ts/webgl/demos/imagechanges.js b/spine-ts/webgl/demos/imagechanges.js
index c2d2ae5f3..54b270d13 100644
--- a/spine-ts/webgl/demos/imagechanges.js
+++ b/spine-ts/webgl/demos/imagechanges.js
@@ -10,7 +10,7 @@ var imageChangesDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "ImageChangesDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("imagechanges-canvas");
diff --git a/spine-ts/webgl/demos/meshes.js b/spine-ts/webgl/demos/meshes.js
index 858502b3b..f6897a7b8 100644
--- a/spine-ts/webgl/demos/meshes.js
+++ b/spine-ts/webgl/demos/meshes.js
@@ -8,7 +8,7 @@ var meshesDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "MeshesDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("meshes-canvas");
diff --git a/spine-ts/webgl/demos/skins.js b/spine-ts/webgl/demos/skins.js
index 026290dab..ca26bf425 100644
--- a/spine-ts/webgl/demos/skins.js
+++ b/spine-ts/webgl/demos/skins.js
@@ -7,7 +7,7 @@ var skinsDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "SkinsDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);		
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);		
 
 	function init () {
 		canvas = document.getElementById("skins-canvas");
@@ -197,7 +197,7 @@ var skinsDemo = function(loadingComplete, bgColor) {
 			}
 		}
 
-		renderer.camera.position.x = offset.x + bounds.x * 1.5 - 150;
+		renderer.camera.position.x = offset.x + bounds.x * 1.5 - 125;
 		renderer.camera.position.y = offset.y + bounds.y / 2;
 		renderer.camera.viewportWidth = bounds.x * 3;
 		renderer.camera.viewportHeight = bounds.y * 1.2;
diff --git a/spine-ts/webgl/demos/spritesheets.js b/spine-ts/webgl/demos/spritesheets.js
index 6a1ac9039..0d74382db 100644
--- a/spine-ts/webgl/demos/spritesheets.js
+++ b/spine-ts/webgl/demos/spritesheets.js
@@ -13,7 +13,7 @@ var spritesheetsDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "SpritesheetsDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("spritesheets-canvas");
@@ -151,8 +151,6 @@ var spritesheetsDemo = function(loadingComplete, bgColor) {
 		renderer.drawSkeleton(skeleton, true);
 		renderer.drawSkeleton(skeletonSeq, true);		
 		renderer.end();
-
-		console.log(Math.round(animationState.getCurrent(0).time*10)/10 + " " + Math.round(walkLastTime*10)/10)
 	}
 
 	init();
diff --git a/spine-ts/webgl/demos/stretchyman.js b/spine-ts/webgl/demos/stretchyman.js
index ace9b61fa..0a03dae6d 100644
--- a/spine-ts/webgl/demos/stretchyman.js
+++ b/spine-ts/webgl/demos/stretchyman.js
@@ -23,7 +23,7 @@ var stretchymanDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "StretchymanDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("stretchyman-canvas");
diff --git a/spine-ts/webgl/demos/tank.js b/spine-ts/webgl/demos/tank.js
index 8b3a4158e..932337fd7 100644
--- a/spine-ts/webgl/demos/tank.js
+++ b/spine-ts/webgl/demos/tank.js
@@ -6,7 +6,7 @@ var tankDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "TankDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("tank-canvas");
diff --git a/spine-ts/webgl/demos/transforms.js b/spine-ts/webgl/demos/transforms.js
index bd7f20b38..c1c90edb6 100644
--- a/spine-ts/webgl/demos/transforms.js
+++ b/spine-ts/webgl/demos/transforms.js
@@ -17,7 +17,7 @@ var transformsDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "TransformsDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("transforms-canvas");
diff --git a/spine-ts/webgl/demos/transitions.js b/spine-ts/webgl/demos/transitions.js
index 1acd403f2..3a426220a 100644
--- a/spine-ts/webgl/demos/transitions.js
+++ b/spine-ts/webgl/demos/transitions.js
@@ -9,7 +9,7 @@ var transitionsDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "TransitionsDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		timeSlider = $("#transitions-timeslider").data("slider");
diff --git a/spine-ts/webgl/demos/vine.js b/spine-ts/webgl/demos/vine.js
index 6507cde37..d0d18c628 100644
--- a/spine-ts/webgl/demos/vine.js
+++ b/spine-ts/webgl/demos/vine.js
@@ -15,7 +15,7 @@ var vineDemo = function(loadingComplete, bgColor) {
 
 	var DEMO_NAME = "VineDemo";
 
-	if (!bgColor) bgColor = new spine.Color(1, 1, 1, 1);
+	if (!bgColor) bgColor = new spine.Color(235 / 255, 239 / 255, 244 / 255, 1);
 
 	function init () {
 		canvas = document.getElementById("vine-canvas");