From ea433bee78ae2126ad00b21fd08af1d87acc951e Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sat, 13 May 2023 07:03:40 +0300
Subject: [PATCH] tweaking css...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 Viewer/css/experimenting.css | 1 +
 Viewer/css/layout.css        | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/Viewer/css/experimenting.css b/Viewer/css/experimenting.css
index 60db6d2b..fed99584 100755
--- a/Viewer/css/experimenting.css
+++ b/Viewer/css/experimenting.css
@@ -570,6 +570,7 @@ body {
 }
 
 
+
 /* DEBUG stuff... */
 .container-center {
 	position: absolute;
diff --git a/Viewer/css/layout.css b/Viewer/css/layout.css
index ac81f3c9..4d0a071a 100755
--- a/Viewer/css/layout.css
+++ b/Viewer/css/layout.css
@@ -26,6 +26,8 @@
 .viewer.gray {
 	--text-color: white;
 	--background-color: #333;
+	--image-background-color: black;
+	--ribbon-background-color: none;
 	--dialog-background-color: #555;
 }
 
@@ -614,7 +616,7 @@ stretching in width... */
 	float: left;
 	clear: both;
 
-	background: black;
+	background: var(--ribbon-background-color);
 
 	margin-top: var(--ribbon-margin);
 	margin-bottom: var(--ribbon-margin);
@@ -717,7 +719,12 @@ stretching in width... */
 
 .image {
 	padding: var(--single-image-indicator-size);
+	background-color: var(--image-background-color);
 }
+.single-image-mode .image {
+	background-color: none;
+}
+
 .image div {
 	display: block;
 	position: absolute;