basic theming...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>

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
 }

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...

ui/keybindings3.js

@@ -148,6 +148,8 @@ var KEYBOARD_CONFIG = {
 				centerRibbons()
 			},
 
+		B: function(){ toggleTheme() },
+
 		S: {
 				ctrl: function(){
 					saveLocalStorage()