From 3ea461d70cfbd974923f6440f6246cef9c26545f Mon Sep 17 00:00:00 2001
From: iliajie <gpg@ilia.engineer>
Date: Sun, 11 Dec 2022 16:46:51 +0200
Subject: [PATCH] Fix Cloudmin mode

---
 gray-theme/left.cgi                       |  8 ++--
 gray-theme/unauthenticated/gray-theme.css | 54 +++++++++++++++++------
 2 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/gray-theme/left.cgi b/gray-theme/left.cgi
index ca5f81ed9..017747c8f 100755
--- a/gray-theme/left.cgi
+++ b/gray-theme/left.cgi
@@ -167,11 +167,11 @@ print <<EOF;
 		var i = document.createElement("i");
 		if (img.src) {
 			if (img.src.includes('webmin-small.png')) {
-				i.classList.add('ff', 'ff-fw', 'ff-webmin');
+				i.classList.add('ff', 'ff-webmin');
 			} else if (img.src.includes('virtualmin.png')) {
-				i.classList.add('ff', 'ff-fw', 'ff-virtualmin');
-			} else if (img.src.includes('cloudmin.png')) {
-				i.classList.add('ff', 'ff-fw', 'ff-cloudmin');
+				i.classList.add('ff', 'ff-virtualmin');
+			} else if (img.src.includes('vm2.png')) {
+				i.classList.add('ff', 'ff-cloudmin');
 			} else if (img.src.includes('index.png')) {
 				i.classList.add('ff', 'ff-fw', 'ff-virtualmin-tick');
 			} else if (img.src.includes('graph.png')) {
diff --git a/gray-theme/unauthenticated/gray-theme.css b/gray-theme/unauthenticated/gray-theme.css
index bc76b6b6e..ec35691a5 100644
--- a/gray-theme/unauthenticated/gray-theme.css
+++ b/gray-theme/unauthenticated/gray-theme.css
@@ -384,19 +384,6 @@ details.ui_hidden_table_start > summary  span {
   vertical-align: top;
 }
 
-.mode  {
-  font-size: 110%;
-  margin-bottom: 4px;
-  filter: saturate(1.5);
-}
-.mode  .ff {
-  font-size: 120%;
-}
-.mode  a[href="left.cgi?mode=server-manager"],
-.mode  a[href="left.cgi?mode=server-manager"] > .ff-cloudmin {
-  color: #98600c;
-}
-
 .leftmenu .ff {
       font-size: 110%;
     margin-left: -3px;
@@ -406,15 +393,24 @@ details.ui_hidden_table_start > summary  span {
 .leftmenu .ff-virtualmin-tick {
   color: #10a929;
 }
+.leftmenu .ff-cloudmin {
+  color: #cb6d2f;
+}
 .leftmenu .ff-virtualmin-tick {
     font-size: 115%;
     margin-right: 0;
 }
+.leftmenu .ff-cloudmin {
+    font-size: 140%;
+    vertical-align: middle;
+    margin-left: -2px;
+    margin-right: 0;
+}
 .leftmenu .ff-chart {
   color: #2174ac;
 }
 .leftmenu .ff-home {
-  color: #98600c;
+  color: #b5710b;
 }
 .leftmenu .ff-sign-out {
   color: #b91b39;
@@ -433,4 +429,34 @@ details.ui_hidden_table_start > summary  span {
   text-align: center;
   margin-top: 10px;
   margin-bottom: 15px;
+}
+
+body > .mode  {
+  font-size: 110%;
+  margin-bottom: 4px;
+  filter: saturate(1.5);
+}
+body > .mode .ff {
+  font-size: 120%;
+}
+body > .mode .ff-cloudmin {
+  font-size: 130%;
+  vertical-align: top;
+}
+
+body > .mode > b {
+    cursor: default;  
+}
+body > .mode > b > a > i,
+body > .mode > b > a:hover,
+body > .mode > b > a,
+body > .mode > b {
+    color: #333;
+}
+body > .mode > b {
+  color: #0b46ab;
+}
+body > .mode > b:has(i.ff-cloudmin),
+body > .mode > b:has(i.ff-cloudmin) > .ff-cloudmin {
+  color: #cb6d2f;
 }
\ No newline at end of file