diff --git a/ui/data.js b/ui/data.js
index c42cec82..eb4dad4c 100755
--- a/ui/data.js
+++ b/ui/data.js
@@ -273,6 +273,7 @@ function getBestPreview(gid, size){
 
 function updateImage(image, gid, size){
 	image = $(image)
+	var html = ''
 	if(gid == null){
 		gid = getImageGID(image)
 	} else {
@@ -303,7 +304,10 @@ function updateImage(image, gid, size){
 		'background-image': 'url('+ preview.url +')',
 	})
 
-	window.DEBUG && image.html(DATA.order.indexOf(gid) +'<br>'+ gid +'<br>'+ preview.size)
+	html = window.DEBUG ? 
+			DATA.order.indexOf(gid) +'<br>'+ gid +'<br>'+ preview.size 
+			: html
+	image.html(html)
 
 	return image
 }
diff --git a/ui/index.html b/ui/index.html
index 0d3a37f9..83fbe7b2 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -270,6 +270,20 @@ body {
 	visibility: hidden;
 }
 
+/* XXX this is by no means final... */
+.viewer,
+.light.viewer {
+	background: white;
+}
+
+.gray.viewer {
+	background: #333;
+}
+
+.dark.viewer {
+	background: black;
+}
+
 
 </style>
 
@@ -294,7 +308,7 @@ body {
 
 <script>
 
-DEBUG = true
+//DEBUG = true
 
 
 // setup...
diff --git a/ui/keybindings3.js b/ui/keybindings3.js
index bfa1a102..6b362e3e 100755
--- a/ui/keybindings3.js
+++ b/ui/keybindings3.js
@@ -148,6 +148,8 @@ var KEYBOARD_CONFIG = {
 				centerRibbons()
 			},
 
+		B: function(){ toggleTheme() },
+
 		S: {
 				ctrl: function(){
 					saveLocalStorage()