diff --git a/ui/single-image-mode.css b/ui/single-image-mode.css
new file mode 100755
index 00000000..9b3496a3
--- /dev/null
+++ b/ui/single-image-mode.css
@@ -0,0 +1,34 @@
+/* single image theme (start everything with .single-image-mode) 
+ */
+.single-image-mode.viewer {
+	background: black;
+}
+
+
+.single-image-mode .controller {
+	opacity: 0.5;
+	background: black;
+}
+
+
+.single-image-mode .screen-button {
+}
+
+
+.single-image-mode .image {
+	opacity: 0.0;
+}
+
+
+.single-image-mode .image:hover {
+}
+
+
+.single-image-mode .ribbon {
+}
+
+
+.single-image-mode .current.image:hover, .single-image-mode .current.image {
+	opacity: 1.0;
+}
+
diff --git a/ui/wide-view-mode.css b/ui/wide-view-mode.css
new file mode 100755
index 00000000..f8788300
--- /dev/null
+++ b/ui/wide-view-mode.css
@@ -0,0 +1,6 @@
+
+/* wide view mode */
+
+.wide-view-mode .field {
+}
+