From 0580af0b959e8e3dfc6644e0d5b0411f1138c148 Mon Sep 17 00:00:00 2001
From: Simon Rettberg
Date: Fri, 20 Jan 2023 16:20:29 +0100
Subject: [roomplanner] svg: Make muted machines more faded

---
 modules-available/roomplanner/templates/svg-plan.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

(limited to 'modules-available/roomplanner')

diff --git a/modules-available/roomplanner/templates/svg-plan.html b/modules-available/roomplanner/templates/svg-plan.html
index 4b0339f3..c75e01f8 100644
--- a/modules-available/roomplanner/templates/svg-plan.html
+++ b/modules-available/roomplanner/templates/svg-plan.html
@@ -17,11 +17,16 @@
 			stroke-width: .2;
 			fill: url(#screen);
 		}
-		rect.hl {
+		g.hl rect.scrn {
 			fill: url(#screenhl);
 		}
-		rect.muted {
+		g.muted rect.scrn {
 			fill: url(#muted);
+			stroke: #777;
+		}
+		g.muted rect.kb {
+			fill: #eee;
+			stroke: #777;
 		}
 		]]>
 	</style>
@@ -35,8 +40,8 @@
 			<stop offset="100%" stop-color="#074" />
 		</radialGradient>
 		<radialGradient id="muted" cx=".4" cy=".3" r="1">
-			<stop offset="0%" stop-color="#bbb" />
-			<stop offset="100%" stop-color="#888" />
+			<stop offset="0%" stop-color="#fff" />
+			<stop offset="100%" stop-color="#999" />
 		</radialGradient>
 	</defs>
 	<g transform="scale({{scale}}) rotate({{rotate}} {{centerX}} {{centerY}})">
@@ -47,7 +52,7 @@
 			{{#links}}
 				<a xlink:href="./?do=statistics&amp;uuid={{machineuuid}}">
 			{{/links}}
-			<g transform="translate({{gridCol}} {{gridRow}})">
+			<g transform="translate({{gridCol}} {{gridRow}})" class="{{class}}">
 				<rect transform="rotate({{rotation}} 1.9 1.9)"
 						x=".1"
 						y="2.6"
@@ -61,8 +66,7 @@
 						ry=".4"
 						height="2.2"
 						width="3.4"
-						class="scrn {{class}}"
-						/>
+						class="scrn" />
 			</g>
 			{{#links}}
 				</a>
-- 
cgit v1.2.3-55-g7522